@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){body{font-size:18px !important}}.step-0{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 0s,transform 0.6s 0s}.step-1{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .2s,transform 0.6s .2s}.step-2{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .4s,transform 0.6s .4s}.step-3{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .6s,transform 0.6s .6s}.step-4{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .8s,transform 0.6s .8s}.step-5{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1s,transform 0.6s 1s}.step-6{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.2s,transform 0.6s 1.2s}.step-7{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.4s,transform 0.6s 1.4s}.step-8{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.6s,transform 0.6s 1.6s}.step-9{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.8s,transform 0.6s 1.8s}.step-10{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 2s,transform 0.6s 2s}.on .step-0{opacity:1 !important;transform:translateY(0)}.on .step-1{opacity:1 !important;transform:translateY(0)}.on .step-2{opacity:1 !important;transform:translateY(0)}.on .step-3{opacity:1 !important;transform:translateY(0)}.on .step-4{opacity:1 !important;transform:translateY(0)}.on .step-5{opacity:1 !important;transform:translateY(0)}.on .step-6{opacity:1 !important;transform:translateY(0)}.on .step-7{opacity:1 !important;transform:translateY(0)}.on .step-8{opacity:1 !important;transform:translateY(0)}.on .step-9{opacity:1 !important;transform:translateY(0)}.on .step-10{opacity:1 !important;transform:translateY(0)}.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)}}.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}.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}.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}.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(100px)}}@keyframes blue-circle-anim-y{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(50px)}}.ios-banner .windows-content{padding-top:0px;padding-bottom:50px}.ios-banner .w-l{position:relative;z-index:1;padding:244px 0 0;width:580px}.ios-banner .iban-img{position:relative;padding-top:162px;width:535px;height:794px}.ios-banner .iban-img .computer-pic{position:absolute;width:275px;height:598px;z-index:4}.ios-banner .iban-img .computer-pic_bg{position:absolute;left:46%;top:60%;transform:translate(-50%, -50%);z-index:3;width:805px;max-width:none;height:914px}.ios-banner .iban-img .pc_wrap_img{position:relative;z-index:4;left:0px}.ios-banner .iban-img .pc_wrap_img img{position:absolute;left:2px;top:-24px;opacity:0;transition:all .6s ease}.ios-banner .iban-img .pc_wrap_img img.on{opacity:1}.ios-banner .iban-img ._line,.ios-banner .iban-img .banicon{display:block;position:absolute;z-index:1}.ios-banner .iban-img ._line{z-index:0;top:-80px;right:-290px}.ios-banner .iban-img .banicon{width:121px;height:121px;background:url(../images/vpn-android/circle-blue.svg) no-repeat}.ios-banner .iban-img .banicon._blue{top:150px;left:44px}.ios-banner .iban-img .banicon._green{top:278px;right:-194px;width:238px;height:238px;background:url(../images/vpn-android/circle-green.svg) no-repeat}.ios-banner .iban-img .banicon._orange{top:564px;left:-90px;width:66px;height:62px;background:url(../images/vpn-android/circle-orange.svg) no-repeat}.vpn-android .section3 .s3-r{width:650px;height:auto}.vpn-android .section3 .s3-l{padding-top:0px}.page-content .flexbox{align-items:center}.page-content .flexbox.section4{margin-top:80px !important}.page-content .why-img{position:relative;margin-top:20px;width:484px}.page-content .why-img.spec{width:675px}.page-content .why-img.spec1{width:617px}.page-content .why-img .ios-screen{position:relative;z-index:2}.page-content .why-img .ios-screen.spec{width:590px;height:914px;max-width:none;left:-58px;top:-40px}.page-content .why-img .ios-earth,.page-content .why-img .ios-flag,.page-content .why-img .ios-shield,.page-content .why-img .ios-num{position:absolute;z-index:0}.page-content .why-img .ios-earth,.page-content .why-img .ios-shield,.page-content .why-img .ios-num{top:86px;left:-40px;width:561px;height:554px;max-width:none}.page-content .why-img .ios-num{top:192px;left:-65px;width:615px;height:433px}.page-content .why-img .ios-shield{top:390px;right:-40px;left:auto;z-index:3;width:356px;height:auto;opacity:0}.page-content .why-img .ios-flag{opacity:0}.page-content .why-img .ios-flag.uae{top:368px;left:-115px;z-index:3}.page-content .why-img .ios-flag.france{top:262px;left:-68px;z-index:3}.page-content .why-img .ios-flag.germany{top:230px;left:12px;z-index:1}.page-content .why-img .ios-flag.uk{top:172px;left:-145px;z-index:3}.page-content .why-img .ios-flag.russia{top:112px;left:0px;z-index:1}.page-content .why-img .ios-flag.us{top:142px;right:-32px;z-index:3}.page-content .why-img .ios-flag.brazil{top:296px;right:-58px;z-index:3}.page-content .why-img .ios-flag.australia{top:474px;right:-26px;z-index:3}@media (max-width: 768px){.ios-banner .w-l{padding:50px 0}.ios-banner .iban-img{padding-top:0;width:100%;overflow:hidden !important;height:28.3571428571rem}.ios-banner .iban-img .computer-pic{display:block;margin:0 auto;margin:-20px;max-width:none}.ios-banner .iban-img .computer-pic{position:absolute;width:100%;height:auto}.ios-banner .iban-img .computer-pic_bg{left:50%;top:50%;width:100%;max-width:375px;height:auto}.ios-banner .iban-img .wrap1{width:100%;max-width:375px;height:auto;margin:0 auto;position:relative;height:28.3571428571rem}.ios-banner .iban-img .pc_wrap_img{position:absolute;z-index:4;left:20.5%;top:20%;width:33%;max-width:128px}.ios-banner .iban-img .pc_wrap_img img{position:absolute;left:0px;top:0px;opacity:0;margin:0;transition:all .6s ease}.ios-banner .iban-img .pc_wrap_img img.on{opacity:1}.ios-banner .iban-img ._line{top:-3.5714285714rem;right:-3.5714285714rem;width:36.9285714286rem;height:31.1428571429rem}.ios-banner .iban-img .banicon{width:4.2857142857rem;height:4.2857142857rem;background-size:contain}.ios-banner .iban-img .banicon._blue{top:5.4285714286rem;left:1.5714285714rem}.ios-banner .iban-img .banicon._green{top:9.9285714286rem;right:0;width:8.5rem;height:8.5rem;background-size:contain}.ios-banner .iban-img .banicon._orange{top:20.1428571429rem;left:0rem;width:2.3571428571rem;height:2.2142857143rem;background-size:contain}.change-mob-box{width:65%;margin:0px auto}.vpn-android .page-content.pageone .title{text-align:center}.vpn-android .mob .bg div{width:75%}.vpn-android .section3 .s3-r{width:100%}.vpn-android .section3 .s3-r.ios{background:transparent}.vpn-android .section3 .s3-r.ios img{max-width:100%}.vpn-android .section3._two .s3-r.ios{height:400px;background:url(../images/vpn-ios/v2/section-earth.png) no-repeat center;background-size:contain}.page-content .why-img{margin-top:0;width:26.7857142857rem;height:fit-content}.page-content .why-img>img{max-width:none}.page-content .why-img .ios-earth,.page-content .why-img .ios-shield,.page-content .why-img .ios-num,.page-content .why-img .ios-flag{display:none !important;left:0;width:18.7142857143rem;height:19.5rem}.page-content .why-img .adr-earth{left:0;right:0;margin:0 auto}.page-content .why-img .ios-num{top:192px;left:-65px;width:615px;height:433px}.page-content .why-img .ios-shield{top:390px;right:-110px;left:auto;z-index:3;width:356px;height:auto;opacity:0}.page-content .section3._two{padding:0 1.1428571429rem 0;margin-top:1.4285714286rem}.page-content .section3._two .why-img{margin-top:0;width:100%;height:fit-content}.page-content .section3._two .why-img .ios-shield{display:block !important;top:auto;bottom:30px;right:-34px;width:14.2857142857rem}.page-content .section3._two .why-img .ios-num{display:block !important;top:30%;left:0;width:100%;max-width:100%;height:auto}.page-content .section3._two .why-txt{padding-top:0;width:100%;margin-top:-40px}.page-content .section3._two .why-txt dl dd{width:91%}}
/*# sourceMappingURL=vpn-ios.css.map */