@media screen and (max-width: 320px){html{font-size:12px !important}}@media (min-width: 321px) and (max-width: 375px){html{font-size:14px !important}}@media (min-width: 376px) and (max-width: 414px){html{font-size:15.5px !important}}@media (min-width: 415px) and (max-width: 768px){html{font-size:18px !important}}.transformY-0{opacity:0;animation:transformY 0s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-1{opacity:0;animation:transformY .2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-2{opacity:0;animation:transformY .4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-3{opacity:0;animation:transformY .6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-4{opacity:0;animation:transformY .8s;animation-delay:0.3s;animation-fill-mode:forwards}@keyframes transformY{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0px)}}body{font-family:Lexend}.button-combe.btn-primary{width:250px;padding:0px 20px;background:linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%}.button-combe.btn-primary:hover{background:#3059ff}.btn-box{display:flex}.button.button-new{margin-top:30px}.button.button-new:hover.button-link.btn-default.btn-gold .btn-word{transform:translatex(31%) scale(1) !important}.button.button-new.center{margin-right:auto !important;margin:0 auto;margin-top:40px}.banner{height:898px}.banner .wrapper{position:relative;height:898px;display:flex;align-items:center;justify-content:space-between;color:#283651;z-index:99}.banner .wrapper .left-message{width:845px}.banner .wrapper .left-message p{font:16px Lexend}.banner .wrapper .left-message p.last{margin-top:5px;font-size:14px;color:#6d72b7}.banner .wrapper .left-message h1{font:normal 46px/69px Lexend;color:#1e1c2c}.banner .wrapper .left-message ul{margin-top:10px;font:normal 16px/40px Lexend}.banner .wrapper .left-message ul li{display:flex;align-items:center;position:relative}.banner .wrapper .left-message ul li img{width:auto;position:absolute;right:15px}.banner .wrapper .left-message ul li i{width:6px;height:6px;margin-right:15px;border-radius:50%;background-color:#576ac5}.banner .wrapper .left-message .button-combe.btn-primary{margin-top:60px}.banner .wrapper .right-box{position:relative;width:503px;height:503px;display:flex;justify-content:center;align-items:center}.banner .wrapper .right-box img{width:auto}.banner .wrapper .right-box .rotate{position:absolute;width:189px;height:189px;top:0;bottom:0;left:0;right:0;margin:auto;z-index:5;background:url(../images/data-recovery-software/rotate.svg)}.banner .wrapper .right-box div:nth-child(4) .blue-circle-container-0{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box div:nth-child(4) .blue-circle-container-1{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box div:nth-child(4) .blue-circle-container-2{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box div:nth-child(4) .blue-circle-container-3{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes blue-circle-anim-x{50%{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(-20px)}}@keyframes blue-circle-anim-y{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(-20px)}}.banner .wrapper .right-box div:nth-child(7) .blue-circle-container-0{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box div:nth-child(7) .blue-circle-container-1{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box div:nth-child(7) .blue-circle-container-2{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box div:nth-child(7) .blue-circle-container-3{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes blue-circle-anim-x{50%{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(-20px)}}@keyframes blue-circle-anim-y{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(-20px)}}.banner .wrapper .right-box .list01{position:relative;z-index:3}.banner .wrapper .right-box .list02{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:2;opacity:0}.banner .wrapper .right-box .list03{position:absolute;top:0;left:0;z-index:1;opacity:0}.banner .wrapper .right-box .icon01{left:227px;top:205px}.banner .wrapper .right-box .icon02{left:227px;top:205px}.banner .wrapper .right-box .icon03{left:227px;top:205px}.banner .wrapper .right-box .icon04,.banner .wrapper .right-box .icon05{left:227px;top:205px}.banner .wrapper .right-box .icon01,.banner .wrapper .right-box .icon02,.banner .wrapper .right-box .icon03,.banner .wrapper .right-box .icon04,.banner .wrapper .right-box .icon05{position:absolute;z-index:10;opacity:0}.banner .wrapper .right-box.on .rotate{animation:rotate 3s linear}.banner .wrapper .right-box.on .list02{animation:roundImg 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:0.5s}.banner .wrapper .right-box.on .list03{animation:roundImg 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:1s}.banner .wrapper .right-box.on .icon01.defaule{animation:icons01 1s linear forwards;animation-delay:1.3s}.banner .wrapper .right-box.on .icon01.blue-circle-container-3{top:87px;left:183px;opacity:1}.banner .wrapper .right-box.on .icon02.defaule{animation:icons02 1s linear forwards;animation-delay:1.3s}.banner .wrapper .right-box.on .icon02.blue-circle-container-3{top:116px;left:315px;opacity:1;animation:blue-circlex5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circley5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box.on .icon03.defaule{animation:icons03 1s linear forwards;animation-delay:1.3s}.banner .wrapper .right-box.on .icon03.blue-circle-container-3{top:180px;left:33px;opacity:1;animation:blue-circlex5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circley5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.banner .wrapper .right-box.on .icon04.defaule{animation:icons04 1s linear forwards;animation-delay:1.3s}.banner .wrapper .right-box.on .icon04.blue-circle-container-3{top:320px;left:88px;opacity:1}.banner .wrapper .right-box.on .icon05.defaule{animation:icons041 1s linear forwards;animation-delay:1.3s}.banner .wrapper .right-box.on .icon05.blue-circle-container-3{top:307px;left:282px;opacity:1}.banner .awards{margin:0px auto;display:block;margin-top:-80px;position:relative;z-index:99;width:auto;max-width:none}.banner.active{position:relative}.banner.active::after{position:absolute;content:"";width:100%;height:100%;left:0;top:-2px;opacity:0;background:url(https://download.itopvpn.com/assets/images/banner.gif) no-repeat center;animation:backgrounds 0.5s linear forwards;animation-delay:1.5s}.list-message{margin-top:224px}.list-message .listbox{display:flex;justify-content:space-between;align-items:center}.list-message .listbox .message{width:600px}.list-message .listbox .message h2{margin-bottom:40px;font:normal 32px/60px Lexend;color:#1e1c2c}.list-message .listbox .message p{margin-bottom:40px;font:normal 14px/28px Lexend;color:#504d5b}.list-message .listbox .message p a{color:#2c34ff}.list-message .listbox .message p a:hover{text-decoration:underline}.list-message .listbox .message .more-change{margin-bottom:20px;height:65px;color:#b2b2b2;display:flex;border-bottom:solid #d9d9d9 1px}.list-message .listbox .message .more-change span{width:50%;font-size:16px;cursor:pointer}.list-message .listbox .message .more-change span:hover,.list-message .listbox .message .more-change span.active{color:#2c34ff}.list-message .listbox .message .more-change span i{display:inline-block;width:7px;height:12px;background:url(../images/data-recovery-software/more-arrow.svg);margin-left:10px}.list-message .listbox .message .more-change span:hover i,.list-message .listbox .message .more-change span.active i{width:12px;height:7px;background:url(../images/data-recovery-software/more-arrow-hover.svg)}.list-message .listbox .message .change ul{display:none}.list-message .listbox .message .change ul li{width:12.5%;text-align:center;font-size:12px;color:#b1b1b1}.list-message .listbox .message .change ul li div{display:flex;height:45px;align-items:center;justify-content:center}.list-message .listbox .message .change ul.active{display:flex}.list-message .listbox .message .change img{width:auto}.list-message .listbox .right-img{display:flex;width:669px;height:624px;align-items:center;justify-content:center;background:url(../images/data-recovery-software/list-01-bg.png)}.list-message .listbox .right-img img{width:auto}.list-message .listbox .buybtn-btn{margin-left:0px !important;color:#1e2253}.list-message .listbox .buybtn-btn:hover{text-decoration:none;color:#fff}.list-message .listbox.listbox02{flex-direction:row-reverse}.list-message .listbox.listbox02 .right-img{height:701px;background:url(../images/data-recovery-software/list-02-bg.png)}.list-message .listbox.listbox03 .right-img{width:765px;height:701px;background:url(../images/data-recovery-software/list-03-bg.png)}.list-message .listbox.listbox03 .hint{color:#918ba5}.list-message .listbox.listbox03 .hint span{display:block;height:27px;line-height:27px;color:#ffaf00}.list-message .listbox.listbox03 .hint span i{display:inline-block;vertical-align:middle;width:27px;height:27px;background:url(../images/data-recovery-software/bulb.png)}.list-message .listbox.listbox04{flex-direction:row-reverse}.list-message .listbox.listbox04 .right-img{width:669px;height:701px;background:url(../images/data-recovery-software/list-04-bg.png)}.list-message .listbox.listbox04 .buybtn-btn{width:310px}.step-box-message{padding-top:150px}.step-box-message h2{position:relative;font:normal 34px/69px Lexend}.step-box-message h2:after{position:absolute;content:"";width:146px;height:146px;left:-33px;top:-45px;background:url(../images/data-recovery-software/step-round.png) no-repeat center}.step-box-message h2 span{position:relative;z-index:3}.step-box-message .messagebox{margin-top:75px;margin-bottom:225px;display:flex;justify-content:space-between}.step-box-message .messagebox .step-box{position:relative;width:343px;text-align:center}.step-box-message .messagebox .step-box::after{position:absolute;content:"";width:23px;height:42px;top:209px;right:-94px;background:url(../images/data-recovery-software/step-arrow.svg)}.step-box-message .messagebox .step-box:last-child::after{display:none}.step-box-message .messagebox .step-box img{width:auto;border-radius:50%;box-shadow:0px 15px 22px #cabfe8}.step-box-message .messagebox .step-box .box{width:343px;height:309px;margin-top:45px;border-radius:10px;background:#fff;color:#273853;text-align:left;box-shadow:0px 15px 22px #c7d5ed}.step-box-message .messagebox .step-box .box h3{padding:0px 20px;padding-top:30px;height:120px;font:normal 22px/40px Lexend}.step-box-message .messagebox .step-box .box p{padding:0px 20px;font:normal 14px/32px Lexend}.step-box-message .messagebox .step-box .box .button-combe{height:50px;margin:0px auto;margin-top:25px;border-radius:28px;margin-left:55px;line-height:45.5px}.step-box-message .messagebox .step-box .box .button-combe .combe-text{top:13px;left:76px}.mask-full{padding:130px 0px;text-align:center;background:transparent linear-gradient(90deg, #fdf2f4 0%, #eef1ff 31%, #e9e3ff 61%, #fef3f3 100%) 0% 0% no-repeat padding-box}.mask-full .wrapper>h2{font:normal 36px/69px Lexend;color:#2a2727}.mask-full .wrapper>h3{margin-top:40px;font:normal 16px/32px Lexend;color:#273853}.mask-full .wrapper>h3.second{margin-top:100px;font:normal normal normal 22px/50px Lexend;color:#2a2727}.mask-full .wrapper>p{margin-top:10px;color:#6f6db7;font-size:14px}.mask-full .wrapper .button-combe.btn-primary{margin-top:40px}.mask-full .wrapper .list-box{margin-top:70px;display:flex;justify-content:space-between}.mask-full .wrapper .list-box dl{position:relative;width:389px;height:382px;overflow:hidden;background:rgba(255,255,255,0.3);box-shadow:0px 15px 22px #cabfe8;border-radius:10px;cursor:pointer}.mask-full .wrapper .list-box dl dt{display:flex;height:288px;align-items:center;justify-content:center;overflow:hidden;transition:all 0.3s}.mask-full .wrapper .list-box dl dt img{width:auto}.mask-full .wrapper .list-box dl dd h3{font:normal 20px/32px Lexend}.mask-full .wrapper .list-box dl dd p{display:none}.mask-full .wrapper .list-box dl .pop{position:absolute;width:100%;height:382px;opacity:0;transition:all 0.4s ease;position:absolute;left:0;top:0;padding:18px;border-radius:8px;background-color:#92c6f4}.mask-full .wrapper .list-box dl .pop h3{font:normal 20px/32px Lexend}.mask-full .wrapper .list-box dl .pop p{font:normal 12px/28px Lexend}.mask-full .wrapper .list-box dl:hover .pop{opacity:1}.mask-full .wrapper .list-box.list02{margin-top:155px}.comment{padding-top:110px;padding-bottom:90px}.comment h2{text-align:center;font:normal 36px/69px Lexend}.comment .box{position:relative;height:550px;background:url(../images/data-recovery-software/map.svg) no-repeat center}.comment .box .user{position:absolute;border-radius:5px;display:flex;width:250px;height:52px;cursor:pointer;background-color:#fff;box-shadow:0px 10px 30px rgba(39,31,154,0.3);transition:all 0.3s}.comment .box .user.user01::after,.comment .box .user.user02::after,.comment .box .user.user05::after{position:absolute;content:"";width:0;height:0;left:0;right:0;margin:auto;top:-15px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fff}.comment .box .user.user01::before,.comment .box .user.user02::before,.comment .box .user.user05::before{position:absolute;content:"";width:0;height:0;left:0;right:0;margin:auto;top:-15px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ccc}.comment .box .user img{width:42px;height:42px;margin:0px 15px;margin-top:5px}.comment .box .user .message h3{height:52px;font:normal 16px/52px Lexend;color:#1e1c2c}.comment .box .user .message p{display:none;color:#37315b;padding-right:10px;font:normal 12px/18px Lexend}.comment .box .user.user03::after{position:absolute;content:"";width:0;height:0;top:0;bottom:0;margin:auto;left:-15px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #fff}.comment .box .user.user03::before{position:absolute;content:"";width:0;height:0;top:0;bottom:0;margin:auto;left:-15px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #ccc}.comment .box .user.user04::after{position:absolute;content:"";width:0;height:0;left:0;right:0;margin:auto;bottom:-15px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #fff}.comment .box .user.user04::before{position:absolute;content:"";width:0;height:0;left:0;right:0;margin:auto;bottom:-15px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #ccc}.comment .box .user.user01{top:278px;left:61px}.comment .box .user.user02{top:187px;left:422px}.comment .box .user.user03{top:291px;left:684px}.comment .box .user.user04{top:60px;left:845px}.comment .box .user.user05{bottom:0px;left:823px}.comment .box .user.on{width:400px;padding-bottom:20px;border-radius:25px;height:auto;z-index:99}.comment .box .user.on img{margin-top:25px;width:67px;height:67px}.comment .box .user.on .message p{display:block}.faq-box{padding:130px 0px;background:transparent linear-gradient(90deg, #eef6fe 0%, #fff 31%, #e9f3ff 61%, #fff6f6 100%) 0% 0% no-repeat padding-box}.faq-box .wrapper{width:850px !important}.faq-box h2{margin-bottom:40px;color:#2a2727;font:normal 36px/69px Lexend}.faq-box dl{margin-top:50px;cursor:pointer;height:54px;overflow:hidden}.faq-box dl dt{transition:all 0.3s}.faq-box dl dt h3{position:relative;color:#1e1c2c;font:normal 26px/54px Lexend}.faq-box dl dt h3 i{display:block;position:absolute;right:0px;top:20px;width:10px;height:5px;transition:all 0.3s;background:url(../images/data-recovery-software/arrow.png)}.faq-box dl dd{color:#8e8b9d;overflow:hidden;font:normal 14px/26px Lexend}.faq-box dl.on{height:auto}.faq-box dl.on dt h3 i{transform:rotate(180deg)}.bottom-banner{height:556px;background:url(../images/data-recovery-software/bottom-bg.png) no-repeat center}.bottom-banner .wrapper{height:530px;display:flex;align-items:center}.bottom-banner .wrapper .img-box{position:relative;width:341px;height:241px;margin-left:294px;margin-top:100px;margin-right:120px}.bottom-banner .wrapper .img-box div:nth-child(2) .blue-circle-container-0{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner .wrapper .img-box div:nth-child(2) .blue-circle-container-1{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner .wrapper .img-box div:nth-child(2) .blue-circle-container-2{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner .wrapper .img-box div:nth-child(2) .blue-circle-container-3{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes blue-circle-anim-x{50%{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(-20px)}}@keyframes blue-circle-anim-y{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(-20px)}}.bottom-banner .wrapper .img-box div:nth-child(5) .blue-circle-container-0{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner .wrapper .img-box div:nth-child(5) .blue-circle-container-1{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner .wrapper .img-box div:nth-child(5) .blue-circle-container-2{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner .wrapper .img-box div:nth-child(5) .blue-circle-container-3{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes blue-circle-anim-x{50%{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(-20px)}}@keyframes blue-circle-anim-y{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(-20px)}}.bottom-banner .wrapper .img-box .rotate{position:absolute;width:141px;height:141px;top:31px;left:37px;z-index:5;background:url(../images/data-recovery-software/bottom-rotate.svg)}.bottom-banner .wrapper .img-box img{width:100%}.bottom-banner .wrapper .img-box .icon01{width:80px}.bottom-banner .wrapper .img-box .icon02{width:80px}.bottom-banner .wrapper .img-box .icon03{width:100px}.bottom-banner .wrapper .img-box .icon04{width:80px}.bottom-banner .wrapper .img-box .icon05{width:80px}.bottom-banner .wrapper .img-box .icon01,.bottom-banner .wrapper .img-box .icon02,.bottom-banner .wrapper .img-box .icon03,.bottom-banner .wrapper .img-box .icon04,.bottom-banner .wrapper .img-box .icon05{position:absolute;z-index:10;left:82px;top:69px;opacity:0}.bottom-banner .wrapper .message{width:620px}.bottom-banner .wrapper .message h2{font:normal normal normal 31px/69px Lexend;color:#1e1c2c}.bottom-banner .wrapper .message h3{margin-top:10px;font:normal normal normal 16px/43px Lexend;color:#1e1c2c}.bottom-banner .wrapper .message .button-combe.btn-primary{margin-top:30px}.bottom-banner .wrapper .message p{margin-top:10px;color:#5e5c8f;font-size:12px}.bottom-banner .wrapper .message ul{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.bottom-banner .wrapper .message ul li{display:flex;align-items:center;font:normal 14px/15px Lexend}.bottom-banner .wrapper .message ul li img{width:auto;margin-right:5px}.bottom-banner.on .rotate{animation:rotate 2s linear}.bottom-banner.on .icon01.defaule{animation:icons05 1s linear forwards;animation-delay:1.3s}.bottom-banner.on .icon01.blue-circle-container-3{top:-37px;left:59px;opacity:1}.bottom-banner.on .icon02.defaule{animation:icons06 1s linear forwards;animation-delay:1.3s}.bottom-banner.on .icon02.blue-circle-container-3{left:158px;top:-1px;opacity:1;animation:blue-circlex5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circley5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner.on .icon03.defaule{animation:icons07 1s linear forwards;animation-delay:1.3s}.bottom-banner.on .icon03.blue-circle-container-3{left:-40px;top:43px;opacity:1;animation:blue-circlex5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circley5 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.bottom-banner.on .icon04.defaule{animation:icons08 1s linear forwards;animation-delay:1.3s}.bottom-banner.on .icon04.blue-circle-container-3{left:11px;top:149px;opacity:1}.bottom-banner.on .icon05.defaule{animation:icons09 1s linear forwards;animation-delay:1.3s}.bottom-banner.on .icon05.blue-circle-container-3{left:165px;top:124px;opacity:1}.float-recovery{position:fixed;width:100%;height:80px;left:0;top:-150px;z-index:99;transition:all 0.5s;background:url(../images/data-recovery-software/float-bg.jpg)}.float-recovery .wrapper{width:1100px !important;height:80px;display:flex;align-items:center;justify-content:space-between;color:#111a33;font:normal 20px/26px Lexend}.float-recovery .wrapper .button-combe{width:220px;height:40px}.float-recovery .wrapper .button-combe .combe-text{top:7px;font-size:14px}.float-recovery.on{top:76px}@media (max-width: 1440px){.wrapper{width:1260px !important}.bottom-banner .wrapper .img-box{margin-left:247px}.list-message .listbox .message{width:550px}.list-message .listbox.listbox02 .right-img{width:650px !important}.step-box-message .messagebox .step-box::after{right:-71px}.comment .box .user.user04{left:791px}}@media (max-width: 768px){.buybtn-btn{color:#fff !important;background:linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0% !important}.wrapper{width:100% !important;padding:0px 10px}.banner{height:auto;padding-bottom:25px;position:relative}.banner:after{animation:linear}.banner .wrapper{flex-wrap:wrap;height:auto}.banner .wrapper .left-message{width:100%}.banner .wrapper .left-message p,.banner .wrapper .left-message h1{text-align:center}.banner .wrapper .left-message p{margin-top:10px;font-size:1rem}.banner .wrapper .left-message h1{margin-top:15px;font-size:1.8571428571rem;line-height:2.1428571429rem}.banner .wrapper .left-message ul{margin-top:360px}.banner .wrapper .left-message ul li{position:relative;font-size:14px;display:block;line-height:20px;margin-top:25px;padding-left:15px}.banner .wrapper .left-message ul li i{position:absolute;left:0px;top:8px}.banner .wrapper .left-message .btn-box .button-new:nth-of-type(1){display:none !important}.banner .wrapper .left-message .btn-box .btn-primary:nth-child(1){display:none}.banner .wrapper .left-message .btn-box .buybtn-btn{margin:0px auto;margin-top:25px}.banner .wrapper .right-box{position:absolute;left:-60px;top:40px;transform:scale(0.6)}.list-message{margin-top:8.5714285714rem}.list-message .listbox{flex-wrap:wrap-reverse}.list-message .listbox .right-img{width:100% !important;height:22.1428571429rem !important}.list-message .listbox .right-img img{max-width:80%}.list-message .listbox .message{margin-top:1.4285714286rem;width:100%}.list-message .listbox .message h2{font-size:1.7142857143rem;margin-bottom:1.7857142857rem;line-height:2.5714285714rem}.list-message .listbox .message p{margin-bottom:1.4285714286rem}.step-box-message{padding-top:4.2857142857rem}.step-box-message h2{width:80%;margin:0px auto;font-size:1.7142857143rem;line-height:2.5rem}.step-box-message .messagebox{flex-wrap:wrap;margin-bottom:7.1428571429rem}.step-box-message .messagebox .step-box{width:90%;margin:0px auto;margin-bottom:2.8571428571rem}.step-box-message .messagebox .step-box .box{width:100%;height:auto;padding-bottom:80px;margin-top:1.4285714286rem;box-shadow:none;background:url(../images/data-recovery-software/shadow.png) no-repeat center bottom}.step-box-message .messagebox .step-box .box h3{height:auto;padding-top:0px;font-size:1.2857142857rem}.step-box-message .messagebox .step-box .box .button-combe.btn-primary .combe-text{left:auto;top:auto}.mask-full{padding:4.2857142857rem 0px}.mask-full .wrapper>h2{font-size:1.7142857143rem;line-height:36px}.mask-full .wrapper>h3{margin-top:20px;font-size:.8571428571rem;line-height:28px}.mask-full .wrapper>h3.second{margin-top:50px;font-size:18px;line-height:26px}.mask-full .wrapper .list-box{flex-wrap:wrap}.mask-full .wrapper .list-box dl{padding:1.4285714286rem 0px;width:80%;height:auto;margin:0px auto;margin-bottom:45px}.mask-full .wrapper .list-box dl dt{height:140px;margin-bottom:20px}.mask-full .wrapper .list-box dl dt img{margin:0px auto;max-height:100%}.mask-full .wrapper .list-box dl dd h3{font-size:1.1428571429rem;line-height:22px}.mask-full .wrapper .list-box dl:hover .pop{opacity:0;display:none}.mask-full .wrapper .list-box.list02{margin-top:0px}.comment{padding:65px 0px}.comment h2{font-size:1.7142857143rem;line-height:36px}.comment .box{height:auto;background:url(../images/data-recovery-software/mob-map.png) no-repeat center}.comment .box ul{display:flex;width:90%;margin:0px auto;height:300px;position:relative;align-items:flex-end;justify-content:space-around}.comment .box ul li{display:flex;justify-content:center;align-items:center;height:68px}.comment .box ul li img{width:60%}.comment .box ul li .user{width:80%;height:auto;left:0 !important;right:0 !important;top:35px !important;margin:auto !important;display:none;padding:10px 10px}.comment .box ul li .user .message p{display:block}.comment .box ul li.on>img{width:100%}.comment .box ul li.on .user{display:block;bottom:initial}.comment .box ul li.on .user .message h3{display:flex;align-items:center}.comment .box ul li.on .user .message h3 img{max-width:100%}.comment .box ul li.on .user::after{border:none !important;border-left:15px solid transparent !important;border-right:15px solid transparent !important;border-top:15px solid #fff !important;left:0 !important;right:0 !important;margin:auto !important;bottom:-15px;top:initial}.comment .box ul li.on .user:before{border:none !important;border-left:15px solid transparent !important;border-right:15px solid transparent !important;border-top:15px solid #ccc !important;left:0 !important;right:0 !important;margin:auto !important;bottom:-15px;top:initial}.faq-box{padding:65px 0px}.faq-box .wrapper{width:100% !important}.faq-box h2{font-size:23px;line-height:26px}.faq-box dl{margin-top:25px;height:26px}.faq-box dl dt h3{font-size:16px;line-height:26px}.bottom-banner{height:auto;padding-bottom:25px;background:url(../images/data-recovery-software/mob-banner.jpg) no-repeat center top}.bottom-banner .wrapper{height:auto;flex-wrap:wrap}.bottom-banner .wrapper .img-box{width:220px;position:relative;margin:0px auto;margin-left:6.7857142857rem;margin-top:5rem;transform:scale(0.8)}.bottom-banner .wrapper .message h2{font-size:24px;line-height:36px}.bottom-banner .wrapper .message h3{font-size:14px;line-height:22px}.bottom-banner .wrapper .message ul{flex-wrap:wrap}.bottom-banner .wrapper .message ul li{margin-top:15px;width:100%}.bottom-banner .wrapper .message .btn-box .btn-primary:nth-child(1){display:none}.bottom-banner .wrapper .message .btn-box .buybtn-btn{margin-left:0px}.float-recovery{display:none}}@keyframes blue-circlex5{50%{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(20px)}}@keyframes blue-circley5{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(20px)}}@keyframes rotate{0%{transform:scale(0)}20%{transform:scale(1);transform-origin:center center}21%{transform:rotate(0deg);transform-origin:center center}100%{transform:rotate(360deg);transform-origin:center center}}@keyframes icons01{0%{opacity:0}40%{opacity:1}50%{left:227px;top:205px}100%{top:87px;left:183px;opacity:1}}@keyframes icons02{0%{opacity:0}40%{opacity:1}50%{left:227px;top:205px}100%{top:116px;left:315px;opacity:1}}@keyframes icons03{0%{opacity:0}40%{opacity:1}50%{left:227px;top:205px}100%{top:180px;left:33px;opacity:1}}@keyframes icons04{0%{opacity:0}40%{opacity:1}50%{left:227px;top:205px}100%{top:320px;left:88px;opacity:1}}@keyframes icons041{0%{opacity:0}40%{opacity:1}50%{left:227px;top:205px}100%{top:307px;left:282px;opacity:1}}@keyframes icons05{0%{opacity:0}40%{opacity:1}50%{left:82px;top:69px}100%{top:-37px;left:59px;opacity:1}}@keyframes icons06{0%{opacity:0}40%{opacity:1}50%{left:82px;top:69px}100%{left:158px;top:-1px;opacity:1}}@keyframes icons07{0%{opacity:0}40%{opacity:1}50%{left:82px;top:69px}100%{left:-40px;top:43px;opacity:1}}@keyframes icons08{0%{opacity:0}40%{opacity:1}50%{left:82px;top:69px}100%{left:11px;top:149px;opacity:1}}@keyframes icons09{0%{opacity:0}40%{opacity:1}50%{left:82px;top:69px}100%{left:165px;top:124px;opacity:1}}@keyframes backgrounds{0%{opacity:0}100%{opacity:1}}@media (max-width: 768px){.recovery .button.button-new.button-link.btn-default{background:linear-gradient(90deg, #482ed2 0%, #2354d3 100%) !important;padding:0 !important;border:none !important}.recovery .button.button-new.button-link.btn-default .btn-word{color:#000000}.recovery .button.button-new.button-new .btn-word{color:#fff !important}.recovery .button.button-new.button-new .btn-word.btn-pc{display:none}.recovery .button.button-new.button-new .btn-word.btn-mobile{display:block !important;color:#fff !important}}