@charset "utf-8"; /* CSS Document */ /* = Fonts Style -------------------------------------------- */ @font-face { font-family: 'museo300'; src: url('../woff2/opensans-regular.woff2') format('woff2'), url('../woff/opensans-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'museo700'; src: url('../woff2/opensans-regular.woff2') format('woff2'), url('../woff/opensans-regular.woff') format('woff'); font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6 { font-family: 'museo700'; } /* = Global Style -------------------------------------------- */ /*::selection{ background: #337ab7; color: white; } ::-moz-selection{ background: #337ab7; color: white; }*/ body { font-family: "museo300", Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 16px; color: #333333; } a { blr: expression(this.onFocus=this.blur()); /* IE Opera */ outline: none; /* FF Opera */ } a:focus { outline-style: none; -moz-outline-style: none; /* FF */ } :focus { outline: none; } :active { outline: none; } ::-moz-focus-inner { outline: none; } @media (min-width:1200px) { .container { width: 1180px; } } /* = navbar -------------------------------------------- */ .navbar { position: relative; min-height: 78px; margin-bottom: 0px; z-index: 1000; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-brand { float: left; padding: 30px 0px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand>img { display: block; } .navbar-header .navbar-toggle .icon-bar { background-color: #563d7c; } .navbar-header .navbar-toggle { border-color: #fff; } .navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus { background-color: #f9f9f9; border-color: #f9f9f9; } @media (min-width: 768px) { .collapse { float: right; margin-top: 30px; } } .nav { float: left; margin-bottom: 0; padding-left: 0; list-style: none; } .nav>li { position: relative; display: block; } .nav>li>a { position: relative; display: block; padding: 0px 15px; font-family: 'museo700'; font-size: 16px; color: #363636; } .nav>li>a:hover, .nav>li>a:focus { color: #0087ff; background: none; text-decoration: underline; } .nav>li.active>a { color: #0087ff; } .nav>li>a.dropdownPro { background: url(../png/arrow_dropdown.png) right center no-repeat; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #eeeeee; border-color: #337ab7; } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 18px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .dropdown-product { position: absolute; top: 77px; left: 0; display: none; overflow: hidden; width: 100%; z-index: 1050; padding-top: 42px; padding-bottom: 58px; -webkit-overflow-scrolling: touch; outline: 0; border-top: 3px solid #7cc3e6; border-bottom: 3px solid #7cc3e6; background-color: #FFF; } .dropdown-product .container { padding-left: 0; padding-right: 0; } .dropdown-product dl { float: left; padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; border-right: 1px solid #fcfcfc; } .dropdown-product dl.datarecovery { width: 21%; } .dropdown-product dl.datamanager { width: 30%; padding-left: 5%; padding-right: 5%; } .dropdown-product dl.multimedia { width: 27%; padding-left: 5%; padding-right: 5%; } .dropdown-product dl.utility { width: 22%; padding-left: 5%; border: none; } .dropdown-product dl dt { margin-bottom: 14px; font-size: 18px; color: #0096cf; } .dropdown-product dl dd { margin-bottom: 10px; } .dropdown-product dl dd a { font-size: 15px; color: #333333; } .navbar .btn-search { float: right; display: block; width: 30px; height: 30px; margin-top: -6px; margin-left: 16px; border: none; background: url(../png/icon_search.png) left top no-repeat; text-indent: -9999px; } .navbar-collapse .search-area { float: left; width: 37px; height: 37px; margin-top: -6px; background-color: #259bd6; border-radius: 32px; } .navbar-collapse .search-area .search input[type="text"] { position: relative; z-index: 999; width: 37px; height: 37px; background: url("../png/icon_search_white.png") 11px center no-repeat; border: none; border-radius: 32px; text-indent: -9999px; color: #FFFFFF; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .navbar-collapse .search-area .search input[type="text"]:focus, .navbar-collapse .search-area .search input:-webkit-autofill { width: 240px; margin-left: -200px; padding-left: 12px; padding-right: 34px; background: url("../png/icon_search_white.png") #259bd6 216px center no-repeat; border: none; color: #FFFFFF; text-indent: inherit; /*-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);*/ } .nav_more { float: right; } .nav_more a:hover { text-decoration: none; color: #0febc0; } .nav_more .icon { display: block; font-size: 20px; line-height: 26px; width: 30px; height: 35px; padding: 27px 0 0 0; text-align: center; color: #fff; } .menu_btn { display: none; float: left; width: 26px; height: 18px; padding: 27px 9.5px 5px 9.5px; margin: 0 -15px 0 0; line-height: 0; text-align: center; } .menu_btn.curr { background-color: #f8f8f8; } .saerch_btn { float: left; } .saerch_btn i.close, .saerch_btn .curr i { display: none; font-size: 18px; line-height: 24px; } .saerch_btn .curr i.close { display: block; } .search_box { position: absolute; z-index: 2; top: 18px; right: 0; background: #fff; padding: 8px 0 6px 30px; width: 400px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 60px; } .search_box .searchBtn { display: none; position: absolute; z-index: 3; left: 0; top: 9px; width: 30px; height: 30px; border: 0; overflow: hidden; text-indent: -99999px; } .search_box .searchBtn_icon { display: block; position: absolute; z-index: 3; left: 3px; top: 6px; width: 30px; height: 30px; line-height: 30px; font-size: 22px; text-align: center; } .search_box .search_t { padding: 6px; } .search_box .text { display: block; border: 0; background: #fff; width: 100%; font-size: 16px; line-height: 1.2em; } /* = banner -------------------------------------------- */ .banner-android { background: url(../jpg/bg_home-banner-android.jpg) 0 0 no-repeat; background-size: cover; height: 660px; } .banner-android .container, .banner-iphone .container, .banner-4k .container { position: relative; height: 660px; padding-top: 70px; text-align: center; color: #FFF; } .banner-android .container .text, .banner-iphone .container .text, .banner-4k .container .text { position: relative; z-index: 999; } .banner-iphone .title, .banner-android .title, .banner-4k .title, .banner-iphone h1, .banner-android h1, .banner-4k h1 { font-size: 64px; font-family: 'museo300'; } .banner-iphone p, .banner-android p, .banner-4k p { margin-bottom: 16px; font-size: 26px; } .banner-iphone .btn-more, .banner-android .btn-more, .banner-4k .btn-more { margin-top: 18px; min-width: 184px; height: 52px; line-height: 40px; border: 2px solid #FFFFFF; color: #FFFFFF; border-radius: 32px; font-size: 24px; } .banner-iphone .btn-more:hover, .banner-iphone .btn-more:active, .banner-android .btn-more:hover, .banner-android .btn-more:active, .banner-4k .btn-more:hover, .banner-4k .btn-more:active { border: 2px solid #dcdcdc; color: #dcdcdc; } .android-html5 { position: absolute; left: 160px; top: 376px; width: 985px; height: 259px; background: url(../png/banner_android_bg.png); filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; } .android-html5 img { position: inherit; opacity: 0; left: 134px; bottom: 44%; width: 30px; filter: alpha(opacity=0); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } #icon-android-1 { -webkit-animation: icon-android-1 3s ease-in infinite; -moz-animation: icon-android-1 3s ease-in infinite; -ms-animation: icon-android-1 3s ease-in infinite; -o-animation: icon-android-1 3s ease-in infinite; animation: icon-android-1 3s ease-in infinite; } #icon-android-2 { -webkit-animation: icon-android-2 3s 0.8s ease-in infinite; -moz-animation: icon-android-2 3s 0.8s ease-in infinite; -ms-animation: icon-android-2 3s 0.8s ease-in infinite; -o-animation: icon-android-2 3s 0.8s ease-in infinite; animation: icon-android-2 3s 0.8s ease-in infinite; } #icon-android-3 { -webkit-animation: icon-android-3 3s 1.5s ease-in infinite; -moz-animation: icon-android-3 3s 1.5s ease-in infinite; -ms-animation: icon-android-3 3s 1.5s ease-in infinite; -o-animation: icon-android-3 3s 1.5s ease-in infinite; animation: icon-android-3 3s 1.5s ease-in infinite; } #icon-android-4 { -webkit-animation: icon-android-4 3s 2.1s ease-in infinite; -moz-animation: icon-android-4 3s 2.1s ease-in infinite; -ms-animation: icon-android-4 3s 2.1s ease-in infinite; -o-animation: icon-android-4 3s 2.1s ease-in infinite; animation: icon-android-4 3s 2.1s ease-in infinite; } #icon-android-5 { -webkit-animation: icon-android-5 3s 2.6s ease-in infinite; -moz-animation: icon-android-5 3s 2.6s ease-in infinite; -ms-animation: icon-android-5 3s 2.6s ease-in infinite; -o-animation: icon-android-5 3s 2.6s ease-in infinite; animation: icon-android-5 3s 2.6s ease-in infinite; } .banner-iphone { background: url(../jpg/bg-home-banner-iphone.jpg) 0 0 no-repeat; background-size: cover; height: 660px; } .iphone-html5 { position: absolute; right: -148px; top: auto; bottom: 6px; width: 1060px; height: 263px; background: url(../png/banner_iphone_bg.png); filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; } .iphone-html5 img { position: inherit; opacity: 0; top: auto; right: 246px; bottom: 50%; width: 30px; filter: alpha(opacity=0); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } #icon-iphone-1 { -webkit-animation: icon-iphone-1 3s ease-in infinite; -moz-animation: icon-iphone-1 3s ease-in infinite; -ms-animation: icon-iphone-1 3s ease-in infinite; -o-animation: icon-iphone-1 3s ease-in infinite; animation: icon-iphone-1 3s ease-in infinite; } #icon-iphone-2 { -webkit-animation: icon-iphone-2 3s 0.8s ease-in infinite; -moz-animation: icon-iphone-2 3s 0.8s ease-in infinite; -ms-animation: icon-iphone-2 3s 0.8s ease-in infinite; -o-animation: icon-iphone-2 3s 0.8s ease-in infinite; animation: icon-iphone-2 3s 0.8s ease-in infinite; } #icon-iphone-3 { -webkit-animation: icon-iphone-3 3s 1.5s ease-in infinite; -moz-animation: icon-iphone-3 3s 1.5s ease-in infinite; -ms-animation: icon-iphone-3 3s 1.5s ease-in infinite; -o-animation: icon-iphone-3 3s 1.5s ease-in infinite; animation: icon-iphone-3 3s 1.5s ease-in infinite; } #icon-iphone-4 { -webkit-animation: icon-iphone-4 3s 2.1s ease-in infinite; -moz-animation: icon-iphone-4 3s 2.1s ease-in infinite; -ms-animation: icon-iphone-4 3s 2.1s ease-in infinite; -o-animation: icon-iphone-4 3s 2.1s ease-in infinite; animation: icon-iphone-4 3s 2.1s ease-in infinite; } #icon-iphone-5 { -webkit-animation: icon-iphone-5 3s 2.6s ease-in infinite; -moz-animation: icon-iphone-5 3s 2.6s ease-in infinite; -ms-animation: icon-iphone-5 3s 2.6s ease-in infinite; -o-animation: icon-iphone-5 3s 2.6s ease-in infinite; animation: icon-iphone-5 3s 2.6s ease-in infinite; } .banner-4k { background: url(../jpg/bg-home-banner-4k.jpg) 0 0 no-repeat; background-size: cover; height: 660px; } .html5-4k { position: absolute; left: 46px; top: auto; bottom: 8px; width: 1118px; height: 398px; background: url(../png/banner_4k_bg.png) left top no-repeat; filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; } .html5-4k img { position: inherit; opacity: 0; top: auto; left: 220px; bottom: 40%; width: 30px; filter: alpha(opacity=0); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } #icon-4k-1 { -webkit-animation: icon-4k-1 3s ease-in infinite; -moz-animation: icon-4k-1 3s ease-in infinite; -ms-animation: icon-4k-1 3s ease-in infinite; -o-animation: icon-4k-1 3s ease-in infinite; animation: icon-4k-1 3s ease-in infinite; } #icon-4k-2 { -webkit-animation: icon-4k-1 3s 0.8s ease-in infinite; -moz-animation: icon-4k-1 3s 0.8s ease-in infinite; -ms-animation: icon-4k-1 3s 0.8s ease-in infinite; -o-animation: icon-4k-1 3s 0.8s ease-in infinite; animation: icon-4k-1 3s 0.8s ease-in infinite; } #icon-4k-3 { -webkit-animation: icon-4k-1 3s 1.5s ease-in infinite; -moz-animation: icon-4k-1 3s 1.5s ease-in infinite; -ms-animation: icon-4k-1 3s 1.5s ease-in infinite; -o-animation: icon-4k-1 3s 1.5s ease-in infinite; animation: icon-4k-1 3s 1.5s ease-in infinite; } #icon-4k-4 { -webkit-animation: icon-4k-1 3s 1.5s ease-in infinite; -moz-animation: icon-4k-1 3s 1.5s ease-in infinite; -ms-animation: icon-4k-1 3s 1.5s ease-in infinite; -o-animation: icon-4k-1 3s 1.5s ease-in infinite; animation: icon-4k-1 3s 1.5s ease-in infinite; } #icon-4k-5 { -webkit-animation: icon-4k-1 3s 1.5s ease-in infinite; -moz-animation: icon-4k-1 3s 1.5s ease-in infinite; -ms-animation: icon-4k-1 3s 1.5s ease-in infinite; -o-animation: icon-4k-1 3s 1.5s ease-in infinite; animation: icon-4k-1 3s 1.5s ease-in infinite; } #icon-4k-6 { -webkit-animation: icon-4k-1 3s 1.5s ease-in infinite; -moz-animation: icon-4k-1 3s 1.5s ease-in infinite; -ms-animation: icon-4k-1 3s 1.5s ease-in infinite; -o-animation: icon-4k-1 3s 1.5s ease-in infinite; animation: icon-4k-1 3s 1.5s ease-in infinite; } #icon-4k-7 { -webkit-animation: icon-4k-1 3s 1.5s ease-in infinite; -moz-animation: icon-4k-1 3s 1.5s ease-in infinite; -ms-animation: icon-4k-1 3s 1.5s ease-in infinite; -o-animation: icon-4k-1 3s 1.5s ease-in infinite; animation: icon-4k-1 3s 1.5s ease-in infinite; } .carousel-indicators.banner-indicators { bottom: 10px; } .banner-video-editing { background: url(../jpg/bg-banner-video-editing.jpg) 0 0 no-repeat; background-size: cover; height: 660px; } .banner-video-editing .video-editing-main { position: relative; color: #fffefe; } .banner-video-editing .video-editing-main:before { content: ""; height: 660px; position: absolute; top: 0; right: -9999px; bottom: 0; left: -60px; -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg); background-color: rgba(45, 139, 248, 0.749); } .banner-video-editing .text { padding-top: 90px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .banner-video-editing h1 { margin-top: 0; font-size: 48px; } .banner-video-editing p { color: #ffffff; font-size: 26px; } .banner-video-editing .btn-more { display: block; width: 212px; height: 60px; border-radius: 32px; background-color: #FFF; color: #298afb; font-size: 26px; margin: 30px auto 0px auto; line-height: 42px; } .banner-video-editing .btn-more:hover, .banner-video-editing .btn-more:active { background-color: #f0f0f0; color: #5f9feb; } /* = home-product -------------------------------------------- */ .home-product { width: 1290px; padding-top: 70px; padding-bottom: 80px; } .home-product .title { margin-bottom: 56px; text-align: center; font-size: 30px; color: #0096cf; font-family: inherit; } .home-product .pro-iphonebackupextractor, .home-product .pro-photorecovery, .home-product .pro-filerecovery { position: relative; float: left; width: 33.33333%; height: 524px; text-align: center; font-size: 18px; color: #999999; padding-top: 50px; } .home-product .pro-iphonebackupextractor { background-color: #ecf6fc; } .home-product .pro-photorecovery { background-color: #fdfeff; } .home-product .pro-filerecovery { background-color: #f5fafd; } .home-product .pro-phonedatatransfe { position: relative; width: 100%; height: 436px; padding-top: 50px; background: url(../jpg/img-home-phone-data-transfer.jpg) left top no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align: center; font-size: 18px; color: #ffffff; } .home-product h4 { font-size: 28px; color: #333333; } .home-product .btn-more { min-width: 150px; height: 45px; line-height: 33px; margin-top: 30px; background-color: #008ffb; border: 1px solid #008ffb; border-radius: 32px; font-size: 16px; color: #FFFFFF; } .home-product .btn-more:hover, .home-product .btn-more:active { background-color: #00aff1; } .home-product img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 44px; } .home-product .pro-phonedatatransfe h4 { font-size: 42px; color: #FFF; } .home-product .pro-phonedatatransfe .btn-more { min-width: 162px; height: 44px; margin-top: 20px; line-height: 32px; background: none; border: 1px solid #FFF; } .home-product .pro-phonedatatransfe .btn-more:hover, .home-product .pro-phonedatatransfe .btn-more:active { border-color: #dbdbdb; } /* = feedback -------------------------------------------- */ .feedback { height: 549px; padding-top: 70px; background: url(../jpg/bg_feedback.jpg) left top repeat-x; text-align: center; } .feedback .title { font-size: 36px; color: #0087ff; } .feedback .carousel { padding-left: 100px; padding-right: 100px; } .feedback .carousel-inner { height: 370px; margin-top: 30px; } .feedback .carousel-inner .head { margin-bottom: 26px; } .feedback .carousel-inner .head img { display: inline-block; width: 136px; height: 136px; border: 4px solid #FFFFFF; -webkit-border-radius: 72px; -moz-border-radius: 72px; border-radius: 72px; } .feedback .carousel-inner p { font-size: 20px; } .feedback .carousel-inner p strong { display: block; } .carousel-indicators.feedback-indicators { position: absolute; bottom: 10px; left: 50%; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; z-index: 15; } .carousel-indicators.feedback-indicators li { display: inline-block; width: 102px; height: 2px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #c0d3e1; border: none; } .carousel-indicators.feedback-indicators .active { width: 102px; height: 2px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #0087ff; } /* = site-safe -------------------------------------------- */ .site-safe { height: 570px; padding-top: 74px; padding-bottom: 62px; } .site-safe .title { text-align: center; font-size: 34px; color: #0e273c; } .site-safe ul { list-style: none; margin: 90px 0px 0px 0px; border: 1px solid #fbfbfb; -webkit-box-shadow: 0px 0px 72px #f9f9f9; -moz-box-shadow: 0px 0px 72px #f9f9f9; box-shadow: 0px 0px 72px #f9f9f9; padding: 0; } .site-safe ul li { float: left; width: 25%; line-height: 24px; font-size: 18px; color: #274a67; padding: 170px 0 50px 0; border-right: 1px solid #fbfbfb; text-align: center; } .site-safe ul li.guarantee { background: url(../png/img-30-days-money-back-guarantee.png) center 50px no-repeat; } .site-safe ul li.service { background: url(../png/img-free-customer-service.png) #fdfdfd center 50px no-repeat; } .site-safe ul li.safe { background: url(../png/img-clean-and-safe.png) center 50px no-repeat; } .site-safe ul li.payment { background: url(../png/img-secure-online-payment.png) #fdfdfd center 50px no-repeat; border-right: none; } /* = footer -------------------------------------------- */ .footer { min-height: 380px; background-color: #2d3841; color: #acb2b7; } .quickLink { min-height: 300px; padding-top: 52px; } .quickLink a { color: #acb2b7; } .quickLink dl { float: left; padding: 0; } .quickLink dl dt { margin-bottom: 10px; font-size: 22px; color: #d5d9dc; } .quickLink dl dd { margin-bottom: 6px; } .quickLink dl.resource { width: 22%; } .quickLink dl.hot-topic { width: 22%; } .quickLink dl.company { width: 22%; } .quickLink .popularGuides { float: left; width: 32%; padding-right: 4%; } .quickLink .popularGuides a { margin-right: 10px; } .quickLink .site-link { float: left; width: 20%; } .quickLink .site-link h6, .quickLink .popularGuides h6 { margin-top: 0px; margin-bottom: 16px; font-size: 22px; color: #d5d9dc; } .quickLink select[name='language'] { width: 202px; height: 40px; padding-left: 34px; margin-bottom: 30px; border: 2px solid #4f5b65; font-size: 16px; color: #8b9094; background: url(../png/icon_language.png) 11px 50% no-repeat; background-color: transparent; } .quickLink select[name='language'].option { background-color: transparent; padding-top: 4px; padding-bottom: 4px; } .site-info { min-width: 100%; height: 78px; margin-left: -15px; margin-right: -15px; border-top: 1px solid #3c454d; } .site-info-link { float: left; } .site-info-link a { line-height: 78px; margin-right: 8px; font-size: 14px; color: #7d8c98; } .copyright { float: right; line-height: 78px; text-align: center; font-size: 15px; color: #55626d; } .copyright a { color: #55626d; } .site-share a { display: inline-block; margin-right: 4px; width: 30px; height: 30px; z-index: 11; overflow: hidden; text-indent: -999px; background-image: url("../png/icon_share_foot.png"); background-repeat: no-repeat; } .site-share a:hover { -webkit-transform-origin: top center; -moz-transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing } .btn-site-facebook { background-position: 0px 0px; } .btn-site-twitter { background-position: -36px 0px; } .btn-site-youtube { background-position: -73px 0px; } .btn-site-googlePlus { background-position: -109px 0px; display: none; } .site-share a.btn-site-googlePlus { display: none; } .btn-site-in { background-position: -146px 0px; } #scrollUp { bottom: 20px; right: 20px; width: 46px; height: 46px; padding-top: 10px; border: none; border-radius: 4px; opacity: .9; background-color: #0aa2d6; overflow: hidden; color: #FFF; font-size: 26px; line-height: 1; text-align: center; text-decoration: none; } #scrollUp:hover { background-color: #0cb5ef; } @media screen and (min-width: 992px) { #scrollUp { bottom: 100px } } /* = breadcrumb -------------------------------------------- */ .breadcrumb { height: 47px; padding: 0px; margin: 0px; background-color: #259bd6; background-size: cover; line-height: 45px; font-size: 14px; color: #FFFFFF; } .breadcrumb .container { padding-left: 0px; padding-right: 0px; } .breadcrumb a { color: #FFFFFF; } /* = content -------------------------------------------- */ .content { float: left; width: 66%; /*width: 780px;*/ } .sidebar { float: right; width: 28%; /*width: 330px;*/ } .wp-pagenavi { margin: 20px 0px; border-radius: 4px; } .wp-pagenavi span, .wp-pagenavi a { position: relative; padding: 6px 12px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .wp-pagenavi a:focus, .wp-pagenavi a:hover, .wp-pagenavi span:focus, .wp-pagenavi span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd } .wp-pagenavi .current { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7 } /* = sidebar -------------------------------------------- */ .widget { margin-bottom: 26px; } .widget h3 { margin: 0px 20px; font-size: 20px; color: #0087ff; } .widget-hotTopics { padding: 20px 0px; border: 1px solid #e4e4e4; border-top: 4px solid #0087ff; } .widget-hotTopics ul { list-style: none; margin: 0; padding: 20px 20px 10px 20px; } .widget-hotTopics ul li { margin-bottom: 10px; padding-left: 24px; background: url(../png/icon_hottopics.png) 0px 4px no-repeat; } .widget-hotTopics ul li a { font-size: 16px; color: #333333; text-decoration: underline; } .widget-hotTopics ul li a:hover, .widget-hotTopics ul li a:active { color: #0c28a3; } /* = sub-page -------------------------------------------- */ .sub-page { padding-top: 70px; padding-bottom: 50px; } .sub-page .content h1 { margin-top: 0px; } .sub-page .content p { line-height: 24px; } /* = resource -------------------------------------------- */ .resource-topics { background: url(../jpg/bg_resourcepage.jpg) left top no-repeat; /*background-size: 100% auto;*/ background-size: cover; max-height: 273px; padding-top: 24px; padding-bottom: 10px; } .resource-topics h1 { margin-bottom: 20px; font-size: 26px; color: #FFFFFF; } .resource-topics ul { margin: 0; padding: 0; list-style: none; } .resource-topics ul li { float: left; width: 20%; margin-bottom: 24px; } .resource-topics ul li a { font-size: 16px; color: #FFFFFF; } .resource { padding-top: 32px; padding-bottom: 10px; } .resource .row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-width: 24em; -webkit-column-width: 24em; column-width: 24em; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em; } .resource dl { /*float: left; width: 48.5%;*/ min-height: 320px; /*margin-bottom: 32px; margin-left: 0.75%; margin-right: 0.75%;	*/ margin-top: 0px; margin-bottom: 32px; padding: 20px 30px; border: 1px solid #dbdbdb; border-top-width: 4px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .resource dl dt { margin-bottom: 12px; font-size: 20px; } .resource dl dd { margin-bottom: 8px; } .resource dl dd a { color: #555555; } .resource dl dd.more a { font-weight: bold; color: #0087ff; } .resource dl.item-1 { /*margin-right: 1.5%;*/ border-top-color: #399ef7; } .resource dl.item-2 { /*margin-left: 1.5%;*/ border-top-color: #15c2a8; } .resource dl.item-3 { /*margin-right: 1.5%;*/ border-top-color: #0bcb9c; } .resource dl.item-4 { /*margin-left: 1.5%;*/ border-top-color: #ea9d17; } .resource-list-product { background: url(../jpg/bg_resourcepage.jpg) left top no-repeat; /*background-size: 100% auto;*/ background-size: cover; min-height: 238px; } .resource-list-product .text { float: left; width: 66%; /*width: 780px;*/ } .resource-list-product .text .img-responsive { float: left; width: 96px; margin-top: 30px; } .resource-list-product .title { margin-top: 30px; padding-left: 124px; font-size: 30px; color: #FFFFFF; } .resource-list-product .title a { color: #FFFFFF; } .resource-list-product .text p { font-size: 17px; color: #FFFFFF; padding-left: 124px; } .resource-list-product .text p a { color: #98cfff; } .resource-list-product .btn-area { float: left; width: 28%; /*width: 380px;*/ padding-left: 62px; padding-top: 26px; } .resource-list-product .btn { display: inline-block; min-width: 222px; height: 52px; margin-bottom: 12px; padding: 11px 0px 0px 48px; line-height: 17px; text-align: left; font-size: 16px; color: #FFFFFF; } .resource-list-product .btn span { display: block; font-size: 12px; } .resource-list-product .win { background: url(../png/icon_windows.png) #51c020 14px 15px no-repeat; } .resource-list-product .win:hover { background-color: #54e216; } .resource-list-product .win:active { background-color: #4caa23; } .resource-list-product .mac { background: url(../png/icon_mac.png) #10a5ee 15px 11px no-repeat; } .resource-list-product .mac:hover { background-color: #2bb7fc; } .resource-list-product .mac:active { background-color: #1194d5; } .bread { height: 50px; line-height: 50px; text-align: left; font-size: 16px; color: #FFFFFF; } .bread a { color: #FFFFFF; } .resource-list { padding-top: 40px; padding-bottom: 40px; } .resource-list .content .title { margin: 0; padding-bottom: 14px; border-bottom: 1px solid #e3e3e3; font-size: 30px; color: #172a39; } .resource-list .list { list-style: none; margin: 0; padding: 0; } .resource-list .list li { padding: 22px 0px 22px 54px; background: url(../png/icon_resourcelist.png) 0px 26px no-repeat; border-bottom: 1px dotted #d0d4d8; } .resource-list .list li a { font-size: 20px; color: #0087ff; } .resource-page { /*text-align: center;*/ padding: 40px 90px 80px 90px; } .resource-page h1 { margin-bottom: 20px; font-size: 30px; } .resource-page p { /*margin-bottom: 30px;*/ line-height: 24px; margin-bottom: 14px; } .resource-page img { display: block; /* margin-left: auto; margin-right: auto; */ margin-top: 10px; margin-bottom: 20px; } .resource-page a img { display: inline-block; margin-right: 20px; } .resource-page a img.alignnone { display: inline-block; margin-right: auto; } .resource-page dl { margin-bottom: 30px; text-align: left; } .resource-page dl dt { margin-bottom: 18px; font-family: 'museo700'; font-size: 18px; color: #252424; } .resource-page dl dt .num, .resource-page .num { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 14px; background: url(../png/bg_arrow_number.png) 0px 0px no-repeat; text-align: center; vertical-align: middle; font-weight: normal; color: #FFFFFF; } .resource-page .num { float: left; vertical-align: top; } .resource-page h4, .resource-page h5, .resource-page h6 { margin-bottom: 20px } .resource-page dl dt { font-size: 18px; color: #252424; } .resource-page ul, .resource-page ol { text-align: left; } .resource-page .author { min-height: 102px; padding-left: 100px; padding-top: 22px; margin-top: 40px; /* border-left: 3px solid #2c8fd2; background: url(../img/img_author.png) #eff2f4 28px center no-repeat; */ background: url(../png/img_author.png) #fff 28px center no-repeat; border: 1px solid #dee5eb; text-align: left; } .resource-page .author p { /* margin-top: 14px; */ margin-top: 4px; margin-bottom: 10px; } .resource-page .author a { color: #2c8fd2; } .resource-page .related_post_title { margin-top: 30px; text-align: center; font-size: 24px; } .resource-articles { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top: 50px; padding-bottom: 40px; padding-top: 20px; } .resource-articles .row { margin-left: 0; margin-right: 0; } .resource-articles .related, .resource-articles .new { float: left; width: 50%; } .resource-articles ul { list-style: none; padding-left: 0px; } .resource-articles ul li { border-left: 4px solid #ea8600; padding-left: 16px; width: 96%; margin-top: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .resource-articles ul li a { font-size: 16px; color: #0087ff; } .resource-hotTopics { padding-top: 40px; padding-bottom: 50px; border-top: 1px solid #DBDBDB; } .resource-hotTopics .title { margin-bottom: 20px; font-size: 24px; color: #172a39; } .resource-hotTopics ul { list-style: none; margin: 0; padding: 0; } .resource-hotTopics ul li { /*float: left;*/ display: block; /*width: 50%;*/ margin-bottom: 6px; padding-left: 20px; background: url(../png/arrow_right_blue_7.png) 0px 5px no-repeat; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ } .resource-hotTopics ul li a { font-size: 16px; color: #006cff; } /* = support -------------------------------------------- */ .support-banner { background: url(../jpg/bg_support_banner.jpg) 0px 0px no-repeat; background-size: cover; height: 199px; text-align: center; font-size: 20px; color: #FFFFFF; } .support-page-banner { padding-top: 40px; } .support-subpage { padding-top: 60px; } .support-banner .title { font-size: 36px; } .support { padding: 40px 0px; } .support .item { float: left; width: 23.5%; min-height: 420px; margin-right: 2%; border: 1px solid #d5d5d5; text-align: center; padding-top: 40px; } .support .item dl { padding: 20px; } .support .item dl dt { font-size: 22px; color: #0087ff; } .support .item ul { list-style: none; margin: 0; padding: 20px; text-align: left; border-top: 1px solid #d5d5d5; } .support .item ul li { padding-left: 12px; background: url(../png/arrow_right_blue.png) 0px 6px no-repeat; } .support .item ul li a { font-size: 14px; color: #333333; } .support .item ul li.more a { color: #0087ff; text-decoration: underline; } .support .last { margin-right: 0; } .email-container { min-height: 136px; margin-top: 36px; padding: 22px 0px 10px 116px; border: 1px solid #e0e0e0; border-top-width: 3px; border-top-color: #0087ff; background: url(../png/icon_email.png) 30px 30px no-repeat; } .email-container dt { font-size: 22px; } .email-container dd span { color: #2c78bf; } .support-product { padding-top: 44px; } .support-product .product-list { list-style: none; margin: 0; padding: 0; } .support-product .product-list li a { display: block; float: left; width: 32.3%; height: 370px; margin-right: 1.5%; margin-bottom: 30px; padding-top: 300px; border: 1px solid #e0e0e0; text-align: center; font-size: 22px; color: #172a39; text-decoration: none; } .support-product .product-list li.last a { margin-right: 0px; } .support-product .product-list li a:hover { box-shadow: 0px 0px 30px #f0f0f0; border-color: #4ea6f4; text-decoration: none; } .support-product .product-list li.iphoneRecovery-faqs a { background: url(../png/img_iphone-recovery-faqs.png) center top no-repeat; } .support-product .product-list li.androidRecovery-faqs a { background: url(../png/img_android-recovery-faqs.png) center top no-repeat; } .support-product .product-list li.phoneRecovery-faqs a { background: url(../png/img_phone-transfer-faqs.png) center top no-repeat; } .support-product .product-list li.photoRecovery-faqs a { background: url(../png/img_photo-recovery-faqs.png) center top no-repeat; } .support-product .product-list li.fileRecovery-faqs a { background: url(../png/img_file-recovery-faqs.png) center top no-repeat; } .support-product .product-list li.ibackupExtractor-faqs a { background: url(../png/img_ibackup-extractor-faqs.png) center top no-repeat; } .support-product .email-container { margin-top: 10px; } .support-product-detailed { padding-top: 20px; padding-bottom: 0px; padding-left: 45px; padding-right: 45px; } .support-product-detailed h2 { font-size: 24px; } .support-product-detailed h3 { font-size: 16px; color: #333333; } .support-product-detailed span, .sub-page p span { color: #428bca; text-decoration: underline; } /* =.Order -------------------------------------------- */ .order-product { padding: 54px 50px 54px 50px; } .purchase-pro-box { float: left; width: 130px; } .order-product-desc { padding-left: 170px; } .order-product-desc h1 { margin-top: 0px; font-size: 30px; } .order-product-desc ul { list-style: none; padding: 0; } .order-product-desc ul li { background: url("../png/icon_yes_green.png") 0px 5px no-repeat; padding-left: 16px; } .order-product-desc p a { color: #0087ff; text-decoration: underline; } .order-product-support { text-align: center; } .order-product-support img { margin: 0 auto; } .order-version { padding-left: 50px; padding-right: 50px; padding-bottom: 72px; } .order-version .item dl { position: relative; min-height: 416px; margin-top: 16px; margin-bottom: 0px; padding: 0px; background-color: #FFFFFF; border: 1px solid #e0e0e0; text-align: center; } .order-version .bastSeller dl { margin-top: 0px; min-height: 448px; box-shadow: 0px 0px 30px #e9e9e9; } .order-version .img-ad { position: absolute; top: 0px; right: -1px; } .order-version dl dt { height: 54px; line-height: 54px; border-bottom: 1px solid #e0e0e0; font-size: 22px; color: #172a39; } .order-version .bastSeller dl dt { height: 76px; line-height: 76px; } .order-version dl dd.desc { padding: 12px 0px; line-height: 36px; border-bottom: 1px solid #e0e0e0; } .order-version dl dd.price { height: 76px; line-height: 76px; font-weight: bold; font-size: 26px; color: #cd1e1e; } .order-version dl dd.desc { font-size: 16px; color: #444444; } .order-version dl dd.price { font-size: 22px; color: #e90c0c; } .order-version dl dd .btn-buynow { min-width: 160px; height: 42px; margin-bottom: 14px; border-radius: 34px; font-size: 18px; color: #FFFFFF; background-color: #fe5e1e; } .order-version dl dd .btn-buynow:hover, .order-version dl dd .btn-buynow:active { background-color: #ff7c48; } .specia-offer { background-color: #f2f5f7; padding: 50px 0px 60px 0px; text-align: center; } .specia-offer .container { padding-left: 50px; padding-right: 50px; } .specia-offer .title { margin-bottom: 30px; text-align: center; font-size: 30px; color: #172a39; } .specia-offer .item { position: relative; float: left; width: 22%; min-height: 410px; margin-right: 4%; margin-bottom: 54px; padding: 40px 20px 20px; margin-top: 30px; text-align: center; background-color: #FFFFFF; border: 1px solid #28d13c; } .specia-offer .item img { display: block; width: 130px; margin: 0 auto; } .specia-offer dl { padding-top: 40px; } .specia-offer dl dt, .specia-offer dl dt a { margin-bottom: 12px; color: #172a39; } .specia-offer dl dd { margin-bottom: 12px; font-size: 14px; } .specia-offer dl dd.price { font-size: 20px; color: #e90c0c; } .specia-offer .item dl dd.price s { font-size: 16px; color: #555555; } .specia-offer .item dl dd.link a { font-size: 14px; color: #7db425; text-decoration: underline; } .specia-offer .item dl dd.link a:hover, .specia-offer .item dl dd.link a:active { color: #92d12c; } .specia-offer .item .icon_yes { position: absolute; left: 46%; top: -12px; width: 26px; height: 26px; background: url("../png/icon_yes_gray_26.png") right top no-repeat; } .specia-offer .item.active .icon_yes, .specia-offer .item .icon_yes.active { background: url("../png/icon_yes_green_26.png") right top no-repeat; } .specia-offer .item .check-product { display: none; } .specia-offer .item .check-product+label { width: 26px; height: 26px; position: absolute; left: 46%; top: -12px; background: url("../png/icon_yes_gray_26.png") right top no-repeat; display: block; /*position: relative;*/ } .specia-offer .item .check-product+label:active, .specia-offer .item .check-product+label:active { /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/ } .specia-offer .item .check-product:checked+label { background: url("../png/icon_yes_green_26.png") right top no-repeat; } .specia-offer .item .check-product:checked+label:after { /*content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #99a1a7;*/ } .specia-offer .item .icon_add { position: absolute; right: -14.5%; top: 42%; width: 20px; height: 20px; background: url("../png/icon_add.png") right top no-repeat; } .specia-offer .item .icon_equal { position: absolute; right: -15%; top: 43%; width: 20px; height: 20px; background: url("../png/icon_equal.png") right top no-repeat; } .specia-offer .item-btn { float: left; width: 22%; min-height: 410px; text-align: center; padding-top: 84px; margin-top: 30px; margin-bottom: 54px; background-color: #FFFFFF; border: 1px solid #d5d5d5; box-shadow: 0px 0px 30px #e9e9e9; } .specia-offer .item-btn .price { font-size: 30px; color: #e90c0c; } .specia-offer .item-btn .btn-buynow { width: 156px; height: 46px; line-height: 32px; margin-top: 12px; margin-bottom: 12px; padding-right: 40px; border-radius: 34px; background: url("../png/icon_order_21.png") #f47c08 115px center no-repeat; font-size: 20px; color: #FFFFFF; } .specia-offer .item-btn .btn-buynow:hover, .specia-offer .item-btn .btn-buynow:active { background-color: #ff9229; } /* purchase-support */ .purchase-support { border-top: 1px solid #fbfbfb; padding: 46px 0px 26px 0px; } .purchase-support dl { padding-left: 78px; } .purchase-support dl dt { color: #3a3744; } .purchase-support dl dd { font-size: 14px; color: #737373; } .purchase-support .safe { background: url("../png/icon_safe_100.png") 18px 4px no-repeat; } .purchase-support .support { background: url("../png/icon_support_service.png") 18px 4px no-repeat; padding-top: 0px; padding-bottom: 0px; } .purchase-support .refund { background: url("../png/icon_refund_service.png") 18px 4px no-repeat; } .purchase-support .upgrade { background: url("../png/icon_upgrade.png") 18px 4px no-repeat; } /* = Product -------------------------------------------- */ .product-banner-new { background-size: 100%; color: #FFFFFF; padding-top: 70px; min-height: 585px; /*max-height: 610px;*/ } .product-banner-new .desc, .product-banner-new .screen, .whatsMate-desc .desc, .whatsMate-desc .screen, .whatsMate-devices .screen, .whatsMate-devices .desc { width: 50%; float: left; } .product-banner-new .screen .img-responsive { margin-left: auto; margin-right: auto; } .product-banner-new .price { vertical-align: middle; line-height: 56px; margin-left: 20px; } .product-banner-new h1 { margin-top: 0; font-family: inherit; font-weight: normal; font-size: 40px; } .product-banner-new .reviews-link { display: inline-block; margin-left: 10px; color: #ffd565; margin-top: 4px; } .product-banner-new p { font-size: 18px; margin-top: 16px; margin-bottom: 12px; } .product-banner-new ul { padding: 20px 18px; } .product-banner-new ul li { font-size: 16px; margin-bottom: 4px; } .product-banner-new .dropdown, .product-banner-new .btn-buynow, .down-ir .dropdown, .down-ir .dropbuy, .product-banner-new .dropbuy { float: left; color: #FFF; vertical-align: middle; border-radius: 8px; text-align: left; position: relative; } .product-banner-new .dropdown { margin-right: 24px; } .product-banner-new .dropdown .btn, .down-ir .dropdown .btn, .down-ir .dropbuy .btn, .product-banner-new .dropbuy .btn { width: 180px; height: 56px; font-weight: 600; font-size: 20px; color: #FFF; border: 2px solid #fff; background: none; } .product-banner-new .dropdown-menu, .down-ir .dropdown .dropdown-menu, .down-ir .dropbuy .dropdown-menu, .product-banner-new .dropbuy .dropdown-menu { width: 180px; margin-top: -2px; padding: 0; border-radius: 0px 0px 4px 4px; } .product-banner-new .dropdown-menu li, .product-banner-new .dropbuy .dropdown-menu li, .down-ir .dropdown .dropdown-menu li, .down-ir .dropbuy .dropdown-menu li { margin: 0; } .product-banner-new .dropdown-menu li a, .down-ir .dropdown .dropdown-menu li a, .down-ir .dropbuy .dropdown-menu li a, .product-banner-new .dropbuy .dropdown-menu li a { padding: 0px 0px 0px 56px; height: 46px; line-height: 46px; font-size: 16px; color: #1b60b8; text-decoration: none; } .product-banner-new .dropdown-menu li a:hover, .product-banner-new .dropdown-menu li a:active, .down-ir .dropdown .dropdown-menu li a:hover, .down-ir .dropdown .dropdown-menu li a:active { background-color: #f7fff7; } .product-banner-new .dropdown-menu li.windows a, .down-ir .dropdown .dropdown-menu li.windows a { background: url(../png/icon-win-trial.png) 22px 16px no-repeat; border-bottom: 1px solid #c8e4c8; } .product-banner-new .dropdown-menu li.mac a, .down-ir .dropdown .dropdown-menu li.mac a { background: url(../png/icon-mac-trial.png) 22px 14px no-repeat; } .product-banner-new .btn-buynow { width: 246px; height: 55px; padding-left: 58px; font-size: 20px; font-weight: bold; line-height: 35px; background: url(../png/icon-win-purchase.png) #fb9d17 20px center no-repeat; } .product-banner-new .btn-buynow:hover, .product-banner-new .btn-buynow:active { background-color: #faa52c; } .product-banner-new .btn-buynow span { font-size: 16px; font-weight: normal; color: #fdff32; } .banner-4k-video { background: url(../jpg/bg-banner-4k-video-downloader.jpg) center top no-repeat; background-size: cover; } .banner-whatsapp-new { padding-top: 0px; background: url(../jpg/bg-banner-4k-video-downloader.jpg) center top no-repeat; background-size: cover; } .iphone-data-recovery-new { background: url(../jpg/bg-iphone-data-recovery.jpg) center top no-repeat; background-size: cover; } .iphone-backup-extractor-new { background: url(../jpg/bg-iphone-backup-extractor-new.jpg) center top no-repeat; background-size: cover; } .file-recovery-new { background: url(../jpg/bg-file-recovery.jpg) center top no-repeat; background-size: cover; } .photo-recovery-new { background: url(../jpg/bg-photo-recovery.jpg) center top no-repeat; background-size: cover; } .android-recovery-new { padding-top: 0px; background: url(../jpg/bg-android-recovery.jpg) center top no-repeat; background-size: cover; } .banner-whatsapp-new .desc, .android-recovery-new .desc { padding-top: 70px; } .product-tab-nav { min-height: 76px; line-height: 76px; border-bottom: 1px solid #ececec; text-align: center; } .product-tab-nav .container { margin-bottom: -1px; } .product-tab-nav a { display: inline-block; margin: 0px 35px; font-size: 18px; color: #6b7a86; text-decoration: none; } .product-tab-nav a.active, .product-tab-nav a:hover, .product-tab-nav a:active { color: #259bd6; font-weight: bold; border-bottom: 1px solid #5bb6e5; } .product-desc-4k { padding-top: 60px; padding-bottom: 60px; font-size: 16px; text-align: center; } .product-desc-4k .title { margin-top: 0px; margin-bottom: 20px; font-size: 34px; font-weight: 400; color: #1a3c56; } .product-desc-4k p { width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 42px; } .product-desc-4k .item { margin: 0px 0.8%; padding: 16px 2px; background-color: #ffffff; border-radius: 8px; box-shadow: 0px 0px 10px #d9d8d8; float: left; width: 9.5%; font-size: 14px; } .product-desc-4k .item:hover, .product-desc-4k .item:active { background-color: #f6f6f6; box-shadow: 0px 0px 10px #cfcdcd; } .product-desc-4k .item img { margin-left: auto; margin-right: auto; margin-bottom: 10px; } .product-function-desc-4k { font-size: 14px; color: #586671; } .product-function-desc-4k .title { font-size: 20px; font-weight: bold; color: #1a3c56; } .how-work { padding: 88px 0px; background: url(../png/bg-work-line.png) #f0f4f6 0px 54% repeat-x; text-align: center; } .how-work .title { margin-bottom: 30px; font-size: 34px; color: #1a3c56; font-weight: 400; } .how-work .item { float: left; width: 23.33%; margin: 0px 5%; } .how-work img { margin-bottom: 30px; } .how-work p { font-weight: bold; font-size: 16px; color: #1a3c56; } .conversion-editing { padding-top: 90px; padding-bottom: 30px; } .conversion-editing .row { padding-top: 20px; } .conversion-editing .title { text-align: center; font-size: 34px; font-weight: 400; color: #1a3c56; } .conversion-editing .desc { padding-top: 100px; } .conversion-editing h4 { background: url(../png/title-line.png) left top no-repeat; padding-top: 20px; font-size: 22px; font-weight: bold; color: #1a3c56; } .conversion-editing .right .img-responsive { float: right; } .versions-comparison { padding-top: 80px; padding-bottom: 80px; background-color: #f0f4f6; text-align: center; } .versions-comparison .title { margin-bottom: 60px; font-size: 34px; color: #1a3c56; font-weight: 400; } .versions-comparison .table { background-color: #FFF; } .versions-comparison .table>thead>tr>td, .versions-comparison .table>thead:first-child>tr:first-child>td { font-weight: bold; font-size: 18px; color: #1a3c56; border-top: 2px solid #5bb6e5; } .versions-comparison .table>thead>tr>td:first-child, .versions-comparison .table>tbody>tr>td:first-child { text-align: left; } .versions-comparison .table>tbody>tr>td, .versions-comparison .table>tbody>tr>th, .versions-comparison .table>thead>tr>td, .versions-comparison .table>thead>tr>th { padding: 12px 26px; } .recommendations { background: url(../jpg/bg-recommendations-4k.jpg) left top no-repeat; background-size: cover; padding-top: 70px; height: 576px; text-align: center; } .recommendations .title { margin-bottom: 40px; font-size: 34px; color: #FFF; font-weight: 400; } .recommendations .item { padding: 44px 70px; background-color: #FFF; border-radius: 8px; } .recommendations .item .img-responsive { margin: 0px auto 20px auto; } .recommendations .item p { position: relative; background: url(../png/icon-quot-left.png) 0px 0px no-repeat; padding-left: 50px; padding-right: 50px; } .recommendations .item p span { position: absolute; right: 0; bottom: -14px; display: inline-block; width: 30px; height: 23px; background: url(../png/icon-quot-right.png) left top no-repeat; } .recommendations .carousel-inner { width: 86%; margin: 0 auto; } .recommendations .carousel-control.left { background: url(../png/btn-recommendations-left.png) 0px 0px no-repeat; width: 24px; height: 44px; top: 120px; bottom: auto; } .recommendations .carousel-control.right { background: url(../png/btn-recommendations-right.png) 0px 0px no-repeat; width: 24px; height: 44px; top: 120px; bottom: auto; } .feedback-4k, .feedback-ir, .feedback-ar { padding-top: 100px; padding-bottom: 60px; background: url(../jpg/bg_feedback-2.jpg) #eaf1f5 left top repeat-x; } .feedback-4k .title, .feedback-ir .title, .feedback-ar .title { margin-bottom: 70px; text-align: center; font-size: 34px; color: #1a3c56; font-weight: bold; } .feedback-4k .item, .feedback-ir .item, .feedback-ar .item { float: left; width: 29.33%; min-height: 432px; margin: 0px 2%; padding: 47px 40px; background-color: #FFF; text-align: center; border-radius: 4px; font-size: 15px; color: #666666; } .feedback-4k .head .img-responsive, .feedback-ir .head .img-responsive, .feedback-ar .head .img-responsive { width: 64px; height: 64px; margin: 0 auto 30px auto; border-radius: 72px; } .feedback-ir .head .img-responsive, .feedback-ar .head .img-responsive { margin: 0; } .feedback-4k .name, .feedback-ir .name, .feedback-ar .name { font-size: 18px; font-weight: bold; color: #000000; } .feedback-4k .rating, .feedback-ir .rating, .feedback-ar .rating { margin-bottom: 20px; } .feedback-4k .stars, .feedback-ir .stars, .feedback-ar .stars { display: inline-block; width: 15px; height: 15px; vertical-align: middle; text-indent: -9999px; background: url("../png/icon_stars.png") center center no-repeat; } .feedback-ir .head, .feedback-ar .head { float: left; margin-right: 30px; } .feedback-ir .name, .feedback-ir .rating, .feedback-ar .name, .feedback-ar .rating { text-align: left; } .feedback-ir p, .feedback-ar p { margin-top: 45px; text-align: left; } .related-articles { padding-top: 90px; padding-bottom: 90px; } .related-articles .title { margin-bottom: 70px; text-align: center; font-size: 34px; color: #1a3c56; font-weight: 400; } .related-articles ul { padding: 0; margin: 0; list-style: none; } .related-articles ul li { float: left; width: 50%; margin-bottom: 26px; background: url(../png/icon-yes-blue-15.png) 0px 7px no-repeat; padding-left: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .related-articles ul li a { font-size: 18px; color: #209cdb; text-decoration: underline; } .related-articles ul li a:hover, .related-articles ul li a:active { color: #43b9f5; } .product-down-4k { padding: 90px 0px; background-color: #0587d3; color: #FFF; text-align: center; } .product-down-4k .title { margin-bottom: 24px; font-size: 34px; font-weight: bold; } .product-down-4k p { margin-bottom: 60px; font-size: 24px; } .product-down-4k .btn { width: 217px; height: 55px; line-height: 36px; margin: 0px 20px; padding-right: 46px; font-size: 18px; font-weight: bold; border-width: 2px; } .product-down-4k .win { background: url(../png/icon_windows_16.png) 90% center no-repeat; border-color: #fff; color: #fff; } .product-down-4k .win:hover, .product-down-4k .win:active { border-color: #e2e2e2; color: #e2e2e2; } .product-down-4k .mac { background: url(../png/icon_mac_15.png) 90% center no-repeat; border-color: #aaf2ff; color: #aaf2ff; } .product-down-4k .mac:hover, .product-down-4k .mac:active { border-color: #f6f3f3; color: #f6f3f3; } .whatsMate-Main-new { padding: 60px 80px; text-align: center; font-size: 16px; color: #22333f; } .whatsMate-Main-new .title { margin-bottom: 36px; font-size: 34px; font-weight: bold; color: #22333f; } .whatsMate-Main-new p { line-height: 24px; margin-bottom: 20px; } .whatsMate-Main-new .img-responsive, .whatsMate-computer .img-responsive { margin-left: auto; margin-right: auto; } .whatsMate-desc { padding-top: 80px; padding-bottom: 100px; background-color: #f6f9fb; } .whatsMate-desc .desc .title { margin-top: 80px; margin-bottom: 30px; font-size: 24px; color: #22333f; } .whatsMate-computer { padding-bottom: 130px; text-align: center; } .whatsMate-computer .title { font-size: 34px; color: #22333f; font-weight: bold; margin-bottom: 30px; } .whatsMate-devices { padding-top: 42px; background: url(../jpg/bg-whatsmate-devices.jpg) left top repeat-x; } .whatsMate-devices .desc { padding: 100px 80px 0px 0px; } .whatsMate-devices .img-responsive { margin-right: -40px; } .supported-whatsApp-files-new { background: url(../jpg/bg-whatsmate-data-types.jpg) left top repeat-x; padding: 60px 0px 100px 0px; background-size: cover; } .supported-whatsApp-files-new .title { margin-bottom: 30px; text-align: center; font-size: 34px; color: #22333f; font-weight: bold; } .supported-whatsApp-files-new p { width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 30px; text-align: center; font-size: 16px; } .supported-whatsApp-files-new .screen { float: left; width: 50%; padding: 30px 72px 0px 102px; } .supported-whatsApp-files-new .file-types { float: left; width: 50%; } .supported-whatsApp-files-new .file-types .item { float: left; width: 186px; height: 186px; text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF; padding-top: 54px; margin: 0px 6px 6px 0px; } .supported-whatsApp-files-new .img-responsive { margin: 0 auto 10px auto; } .supported-whatsApp-files-new .file-message { background-color: #24bd5e; } .supported-whatsApp-files-new .file-contacts { background-color: #f0bf28; } .supported-whatsApp-files-new .file-call-history { background-color: #4c98f5; } .supported-whatsApp-files-new .file-photos { background-color: #d7503e; } .supported-whatsApp-files-new .file-video { background-color: #ef9b2e; } .supported-whatsApp-files-new .file-audio { background-color: #bf5cdc; } .whatsMate-support { padding-top: 110px; } .whatsMate-support .title { margin-bottom: 40px; text-align: center; font-size: 34px; color: #22333f; font-weight: bold; } .whatsMate-support .item-left, .whatsMate-support .item-right { float: left; width: 30%; padding-top: 140px; } .whatsMate-support .item-left p, .whatsMate-support .item-right p { font-size: 14px; color: #6a6a6a; margin-bottom: 20px; } .whatsMate-support .item-center { float: left; width: 40%; } .whatsMate-support .item-center .img-responsive { margin-left: auto; margin-right: auto; } .whatsMate-steps { min-height: 749px; background: url(../jpg/bg-whatsmate-steps.jpg) left top no-repeat; background-size: cover; text-align: center; color: #FFF; padding-top: 120px; } .whatsMate-steps .whatsMate-steps-line { /* background: url(../img/new-product/bg-whatsMate-steps-line.png) 0px 50% repeat-x; */ } .whatsMate-steps .title { margin-bottom: 20px; font-size: 34px; font-weight: bold; } .whatsMate-steps p { margin-bottom: 75px; } .whatsMate-steps .item { float: left; width: 25%; margin: 2% 4%; } .whatsMate-steps .img-responsive { margin-left: auto; margin-right: auto; } .whatsMate-steps dl { padding-top: 12px; } .whatsMate-steps dl dt { margin-bottom: 10px; font-size: 16px; font-weight: bold; } .whatsMate-steps dl dd { font-size: 14px; } .whatsMate-steps .btn-guid { margin-top: 70px; font-size: 16px; width: 294px; height: 52px; line-height: 38px; border: 1px solid #FFF; color: #FFF; } .whatsMate-steps .btn-guid:hover, .whatsMate-steps .btn-guid:active { border: 1px solid #fbe7e7; color: #fbe7e7; } .tips-tricks { padding-top: 90px; padding-bottom: 80px; background-color: #f6f9fb; } .tips-tricks .title { margin-bottom: 70px; text-align: center; font-size: 34px; font-weight: bold; color: #1a3c56; } .tips-tricks .tips { float: left; width: 48%; } .tips-tricks .update { float: right; width: 48%; } .tips-tricks h5 { height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #FFF; } .tips-tricks .tips h5 { background-color: #259bd6; } .tips-tricks .update h5 { background-color: #45ac62; } .tips-tricks ul { list-style: none; padding: 14px 0px 0px; margin: 0; } .tips-tricks ul li { background: url(../png/icon_yes_green.png) 2px 8px no-repeat; padding-left: 28px; margin-bottom: 20px; } .tips-tricks ul li a { font-size: 18px; color: #1a3c56; text-decoration: underline; } .tips-tricks ul li a:hover, .tips-tricks ul li a:active { color: #26689b; } .feedback-whatsapp { padding-top: 110px; padding-bottom: 120px; text-align: center; } .feedback-whatsapp .title { margin-bottom: 40px; font-size: 34px; font-weight: bold; color: #1a3c56; font-weight: 400; } .feedback-whatsapp .head .img-responsive { width: 90px; height: 90px; margin: 0 auto 30px auto; border-radius: 72px; } .feedback-whatsapp .name { font-size: 18px; color: #000000; font-weight: bold; } .feedback-whatsapp .item { padding: 44px 70px; background-color: #FFF; border-radius: 8px; } .feedback-whatsapp .item .img-responsive { margin: 0px auto 20px auto; } .feedback-whatsapp .item p { position: relative; padding-left: 50px; padding-right: 50px; } .feedback-whatsapp .carousel-feedback-whatsapp { margin-bottom: 20px; } .feedback-whatsapp .carousel-inner { width: 86%; margin: 0 auto; } .feedback-whatsapp .carousel-control.left { background: url(../png/btn_left.png) 0px 0px no-repeat; width: 24px; height: 44px; top: 120px; bottom: auto; } .feedback-whatsapp .carousel-control.right { background: url(../png/btn_right.png) 0px 0px no-repeat; width: 24px; height: 44px; top: 120px; bottom: auto; } .feedback-whatsapp .rating { margin-bottom: 20px; } .feedback-whatsapp .stars { display: inline-block; width: 15px; height: 15px; vertical-align: middle; text-indent: -9999px; background: url("../png/icon_stars.png") center center no-repeat; } .feedback-whatsapp .btn-write, .feedback-whatsapp .btn-link { width: 200px; height: 50px; line-height: 36px; border: 1px solid #0c822d; color: #0c822d; font-size: 16px; border-radius: 4px; } .feedback-whatsapp .btn-write { background: url(../png/icon-link-write.png) 90% center no-repeat; } .feedback-whatsapp .btn-link { background: url(../png/icon-link-feedback.png) 90% center no-repeat; } .ir-desc-new { padding-top: 80px; padding-bottom: 90px; text-align: center; } .ir-desc-new .title { margin-bottom: 20px; font-size: 34px; font-weight: bold; color: #1a3c56; font-weight: weight; } .ir-desc-new p { width: 86%; margin-left: auto; margin-right: auto; font-size: 16px; color: #586671; } .ir-desc-new .item { float: left; width: 11%; margin: 22px 1% 0px 0%; text-align: center; font-size: 14px; } .ir-desc-new .item.last { margin-right: 0; } .ir-desc-new .item span { display: block; width: 88px; height: 88px; margin: 0 auto 18px auto; border-radius: 140px; border: 1px solid #e3e3e3; box-shadow: 0px 0px 10px #e6e4e4; text-indent: -9999px; } .ir-desc-new .item span:hover, .ir-desc-new .item span:active { background-color: #f9f9f9; border: 1px solid #dcdbdb; box-shadow: 0px 0px 10px #d3d0d0; } .ir-desc-new .deletion { background: url(../png/icon-accidently-deleted-important-files.png) #fff center center no-repeat; } .ir-desc-new .sceen-broken { background: url(../png/icon-broken-your-iphone-or-ipad.png) #fff center center no-repeat; } .ir-desc-new .ios-upgrade { background: url(../png/icon-failed-to-update-ios.png) #fff center center no-repeat; } .ir-desc-new .water-damage { background: url(../png/icon-water-damaged-iphone-or-ipad.png) #fff center center no-repeat; } .ir-desc-new .erased-iphone { background: url(../png/icon-erased-your-iphone-or-ipad.png) #fff center center no-repeat; } .ir-desc-new .iphone-lost { background: url(../png/icon-iphone-got-lost-or-stolen.png) #fff center center no-repeat; } .ir-desc-new .iphone-locked { background: url(../png/icon-iphone-got-locked.png) #fff center center no-repeat; } .ir-desc-new .recovery-mods { background: url(../png/icon-iphone-got-stuck.png) #fff center center no-repeat; } .recovery-methods-ir { padding-top: 100px; padding-bottom: 90px; background-color: #f0f4f6; } .recovery-methods-ir .title { width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 40px; text-align: center; font-size: 34px; font-weight: bold; color: #1a3c56; font-weight: weight; } .recovery-methods-ir .screen { float: left; width: 35%; } .recovery-methods-ir .nav-tab { padding: 107px 0px 0px 90px; min-height: 612px; max-width: 398px; list-style: none; background: url(../jpg/bg-3-efficient-recovery-methods-ir.jpg) left top no-repeat; } .recovery-methods-ir .nav-tab li { height: 113px; padding-right: 70px; padding-left: 10px; margin-bottom: 24px; } .recovery-methods-ir .nav-tab li a { min-height: 113px; display: block; border-radius: 4px; font-size: 17px; color: #FFF; padding: 30px 20px 0px 20px; text-decoration: none; } .recovery-methods-ir .nav-tab li a span { display: block; min-width: 100%; min-height: 80px; padding-right: 68px; } .recovery-methods-ir .nav-tab li.ios a { background: url(../png/bg-recovery-ios-efficient-ir.png) left top repeat-y; background-size: cover; } .recovery-methods-ir .nav-tab li.itunes a { background: url(../png/bg-recovery-itunes-efficient-ir.png) left top repeat-y; background-size: cover; } .recovery-methods-ir .nav-tab li.icloud a { background: url(../png/bg-recovery-icloud-efficient-ir.png) left top repeat-y; background-size: cover; } .recovery-methods-ir .nav-tab li.ios a span { background: url(../png/icon-recovery-ios-efficient-ir.png) 100% 0px no-repeat; } .recovery-methods-ir .nav-tab li.itunes a span { background: url(../png/icon-recovery-itunes-efficient-ir.png) 100% 0px no-repeat; } .recovery-methods-ir .nav-tab li.icloud a span { background: url(../png/icon-recovery-icloud-efficient-ir.png) 100% 0px no-repeat; } .recovery-methods-ir .nav-tab li.active { padding-left: 0; padding-right: 66px; background: url(../png/icon-efficient-ir-active.png) 95% 46% no-repeat; } .recovery-methods-ir .nav-tab li.active a { padding-left: 30px; } .recovery-methods-ir .nav-tab li.active a span { padding-right: 72px; } .recovery-methods-ir .desc { float: left; width: 65%; padding: 80px 0px 0px 50px; } .recovery-methods-ir h4 { font-size: 22px; color: #1a3c56; font-weight: bold; margin-bottom: 20px; } .recovery-methods-ir .desc p { margin-bottom: 30px; } .product-desc-step-ir { padding-top: 90px; padding-bottom: 90px; } .product-desc-step-ir .title { margin-bottom: 40px; text-align: center; font-size: 34px; font-weight: bold; color: #1a3c56; font-weight: weight; } .product-desc-step-ir p { width: 80%; margin-left: auto; margin-right: auto; text-align: center; font-size: 16px; color: #586671; } .product-desc-step-ir .item { float: left; width: 27%; margin: 60px 3% 1px 3%; } .product-desc-step-ir dl { margin-top: 20px; font-size: 14px; color: #586671; } .product-desc-step-ir dl dt { font-size: 16px; font-weight: bold; color: #1a3c56; margin-bottom: 8px; } .device-supported-ir { background: url(../png/device-supported-ir-line.png) #f0f4f6 center top repeat-y; } .device-supported-ir .left { width: 50%; float: left; padding: 80px 70px 80px 10px; } .device-supported-ir .right { width: 50%; float: left; padding: 80px 10px 80px 70px; } .device-supported-ir .title { font-size: 30px; font-weight: bold; color: #1a3c56; } .device-supported-ir p { font-size: 15px; color: #1a3c56; } .device-supported-ir .left .item { padding: 40px 50px 40px 0px; border-bottom: 1px solid #cddbe2; } .device-supported-ir .left .item.last { border-bottom: none; } .device-supported-ir .left .item .img-responsive { float: left; } .device-supported-ir .left .item p { margin-left: 136px; font-size: 14px; } .device-supported-ir table { margin-top: 40px; } .device-supported-ir table tr td { text-align: center; } .device-supported-ir table tr td span { display: block; margin-top: 6px; text-align: center; margin-bottom: 4px; } .safe-ir { padding-top: 78px; padding-bottom: 78px; font-weight: bold; font-size: 18px; color: #1a3c56; text-align: center; } .safe-ir img { display: inline-block; margin-right: 22px; } .down-ir { padding-top: 80px; padding-bottom: 80px; background-color: #048ad2; color: #FFF; text-align: center; } .down-ir .title { margin-bottom: 20px; font-size: 34px; font-weight: bold; } .down-ir p { margin-bottom: 68px; font-size: 24px; } .down-ir .btn-down-ir { width: 40%; margin-left: auto; margin-right: auto; } .down-ir .dropbuy .btn, .product-banner-new .dropbuy .btn { border: 2px solid #ffbb02; background-color: #ffbb02; } .down-ir .dropdown, .down-ir .dropbuy { margin-left: auto; margin: 0px 12px; } .down-ir .dropdown .caret, .down-ir .dropbuy .caret { margin-left: 18px; } .down-ir .dropbuy .caret, .product-banner-new .dropbuy .caret { border: none; width: 25px; height: 17px; background: url(../png/icon-win-purchase.png) left top no-repeat; } .down-ir .dropdown .dropdown-menu, .down-ir .dropbuy .dropdown-menu { margin-top: 0px; } .down-ir .dropbuy .dropdown-menu li a, .product-banner-new .dropbuy .dropdown-menu li a { color: #253743; } .product-banner-new .dropbuy .dropdown-menu li a span { display: inline-block; margin-left: 4px; font-size: 14px; color: #ff240b; } .down-ir .dropbuy .dropdown-menu li a:hover, .down-ir .dropbuy .dropdown-menu li a:active, .product-banner-new .dropbuy .dropdown-menu li a:hover, .product-banner-new .dropbuy .dropdown-menu li a:active { background-color: #fde6a2; } .down-ir .dropbuy .dropdown-menu li.windows a, .product-banner-new .dropbuy .dropdown-menu li.windows a { background: url(../png/icon-win-buy.png) #fff5d8 22px 16px no-repeat; border-bottom: 1px solid #e1e4e3; } .down-ir .dropbuy .dropdown-menu li.mac a, .product-banner-new .dropbuy .dropdown-menu li.mac a { background: url(../png/icon-mac-buy.png) #fff5d8 22px 14px no-repeat; } .reviews-ir { padding-top: 110px; padding-bottom: 120px; text-align: center; } .reviews-ir .title { margin-bottom: 40px; font-size: 34px; font-weight: bold; color: #1a3c56; font-weight: 400; } .reviews-ir .head .img-responsive { /*width: 90px;*/ /*height: 90px;*/ margin: 0 auto 30px auto; /*border-radius: 72px;*/ } .reviews-ir .item { padding: 44px 70px; background-color: #f8fbfd; border-radius: 8px; } .reviews-ir .item .img-responsive { margin: 0px auto 20px auto; } .reviews-ir .item p { position: relative; padding-left: 50px; padding-right: 50px; } .reviews-ir .carousel-reviews-ir { margin-bottom: 20px; } .reviews-ir .carousel-inner { width: 86%; margin: 0 auto; } .reviews-ir .carousel-control.left { background: url(../png/btn_left.png) 0px 0px no-repeat; width: 24px; height: 44px; top: 120px; bottom: auto; } .reviews-ir .carousel-control.right { background: url(../png/btn_right.png) 0px 0px no-repeat; width: 24px; height: 44px; top: 120px; bottom: auto; } .reviews-ir .rating .name { display: inline-block; margin-left: 30px; color: #2b2b2b; } .reviews-ir .rating .name span { color: #00a0e8; } .reviews-ir .stars, .reviews-ir .stars-half, .reviews-ir .stars-gary { display: inline-block; width: 16px; height: 16px; vertical-align: middle; text-indent: -9999px; } .reviews-ir .stars { background: url("../png/icon-star-small.png") center center no-repeat; } .reviews-ir .stars-half { background: url("../png/icon-star-half-small.png") center center no-repeat; } .reviews-ir .stars-gary { background: url("../png/icon-star-small-gary.png") center center no-repeat; } .reviews-ir .carousel-indicators { bottom: -80px; } .reviews-ir .carousel-indicators li { width: 14px; height: 14px; border: 1px solid #dfdfdf; } .reviews-ir .carousel-indicators li.active { width: 15px; height: 15px; background-color: transparent; border: 1px solid #15a8ea; } .browse-files-ir { padding-top: 100px; padding-bottom: 90px; background-color: #f0f4f6; } .browse-files-ir .title { width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 40px; text-align: center; font-size: 34px; font-weight: bold; color: #1a3c56; font-weight: bold; } .browse-files-ir .screen { float: left; width: 50%; } .browse-files-ir .desc { float: left; width: 50%; padding: 30px 0px 0px 50px; } .browse-files-ir .desc p { margin-bottom: 30px; } .browse-files-ir .desc img { width: 40px; } .explore-data-ie { padding-top: 100px; padding-bottom: 110px; text-align: center; } .explore-data-ie .title { margin-bottom: 40px; font-size: 34px; font-weight: bold; color: #1a3c56; } .explore-data-ie p { width: 90%; margin: 0px auto 60px auto; font-size: 16px; color: #586671; } .explore-data-ie .item { float: left; width: 25%; padding: 40px 30px; min-height: 390px; font-size: 14px; color: #586671; } .explore-data-ie .item.inverse, .explore-data-ie .item:hover { background-color: #eff7fa; } .explore-data-ie .item.inverse:hover { background-color: #fff; } .explore-data-ie .item img { display: inline-block; width: 48px; margin: 0px 8px; } .explore-data-ie .item dl { margin-top: 34px; } .explore-data-ie .item dl dt { margin-bottom: 16px; font-weight: bold; font-size: 16px; color: #1a3c56; } .step-ie { min-height: 587px; background: url(../jpg/bg-setp-ie.jpg) left top no-repeat; background-size: cover; color: #FFF; text-align: center; font-size: 14px; padding-top: 80px; } .step-ie-warp { min-height: 587px; background: url(../png/icon-step-line-ie.png) 0px 28% repeat-x; } .step-ie .title { margin-bottom: 86px; font-size: 34px; font-weight: bold; } .step-ie .item { padding: 0px 62px; } .step-ie .img-responsive { margin-left: auto; margin-right: auto; margin-bottom: 40px; } .step-ie .item dl dt { margin-bottom: 10px; font-size: 17px; font-weight: bold; } .step-ie .btn-video { width: 210px; height: 50px; margin-top: 40px; line-height: 32px; font-size: 16px; color: #00a2ea; background-color: #FFF; } .step-ie .btn-video:hover, .step-ie .btn-video:active { background-color: #edebeb; } .support-devices-ie { padding-top: 100px; padding-bottom: 90px; text-align: center; color: #586671; } .support-devices-ie .title { margin-bottom: 30px; font-size: 34px; font-weight: bold; } .support-devices-ie .item { float: left; width: 33.33%; margin-top: 80px; padding: 0px 62px; } .support-devices-ie .img-responsive { margin-left: auto; margin-right: auto; margin-bottom: 20px; } .support-devices-ie .item dl dt { margin-bottom: 10px; font-size: 17px; font-weight: bold; color: #1a3c56; } .product-desc-fr { padding-top: 70px; padding-bottom: 50px; text-align: center; color: #586671; } .product-desc-fr .title { font-size: 34px; font-weight: bold; color: #1a3c56; } .step-fr { background: url(../png/step-line-fr.png) 0px 19.5% repeat-x; text-align: center; color: #586671; } .step-fr .title { font-weight: bold; font-size: 24px; color: #259bd6; margin-bottom: 20px; } .step-fr .step-fr-nav { width: 40%; padding-top: 40px; padding-bottom: 90px; margin-left: auto; margin-right: auto; } .step-fr .step-fr-nav .item { float: left; width: 33.33%; } .step-fr .step-fr-nav .item .img-responsive { margin-left: auto; margin-right: auto; margin-bottom: 16px; box-shadow: 0px 0px 32px #f6f6f6; } .step-pr { padding-top: 100px; text-align: center; } .step-pr .title { font-size: 34px; font-weight: bold; color: #1a3c56; } .step-pr .step-pr-nav { width: 90%; margin: 0 auto; padding: 50px 0px 80px 0px; list-style: none; } .step-pr .step-pr-nav li { float: left; line-height: 46px; font-size: 18px; color: #1a3c56; } .step-pr .step-pr-nav li.no-money { background: url(../png/icon-no-money-wasting-pr.png) 40px 0px no-repeat; } .step-pr .step-pr-nav li.no-data { background: url(../png/icon-no-data-damaging-pr.png) 40px 0px no-repeat; } .step-pr .step-pr-nav li.no-future { background: url(../png/icon-no-future-data-loss-pr.png) 40px 0px no-repeat; } .step-fr-desc, .step-pr-desc { padding-left: 58px; padding-right: 58px; padding-bottom: 80px; } .step-fr-desc .item, .step-pr-desc .item { float: left; width: 33.33%; min-height: 480px; padding: 58px 56px; border: 1px solid #e6e6e6; } .step-pr-desc .item { float: none; width: 100%; min-height: 500px; } .step-fr-desc .item.left, .step-pr-desc .item.left { border-top: 2px solid #259bd6; } .step-fr-desc .item.center { border-top: 2px solid #42bd76; border-left-width: 0px; border-right-width: 0px; } .step-pr-desc .item.center { border-top: 2px solid #42bd76; } .step-fr-desc .item.right, .step-pr-desc .item.right { border-top: 2px solid #1a3c56; } .step-fr-desc .img-responsive, .step-pr-desc .img-responsive { margin-left: auto; margin-right: auto; margin-bottom: 40px; } .step-fr-desc dl dt, .step-pr-desc dl dt { margin-bottom: 20px; font-size: 18px; color: #1a3c56; font-weight: bold; } .step-fr-desc dl dd, .step-pr-desc dl dd { font-size: 14px; color: #586671; } .support-devices-fr { min-height: 777px; padding-top: 100px; padding-bottom: 40px; background: url(../jpg/bg-supported-devices-fr.jpg) left top no-repeat; background-size: cover; color: #FFF; } .support-devices-fr .title { text-align: center; margin-bottom: 100px; font-size: 34px; font-weight: bold; } .file-types-fr { float: left; width: 55%; padding: 0 1%; } .support-devices-desc-fr { float: left; width: 45%; padding: 20px 4% 0px 4%; } .file-types-fr .item { float: left; width: 27.33%; margin: 3%; border: 1px solid #909ca2; padding: 32px 0px 16px 0px; border-radius: 3px; text-align: center; font-size: 14px; } .file-types-fr .item .img-responsive { margin: 0 auto 20px auto; } .support-devices-desc-fr dt { margin-bottom: 30px; font-size: 24px; color: #48abdd; } .support-devices-desc-fr dd { margin-bottom: 20px; } .discover-features-fr { padding-top: 100px; padding-bottom: 100px; background-color: #f0f4f6; text-align: center; } .discover-features-fr .title { margin-bottom: 22px; font-size: 34px; font-weight: bold; } .discover-features-fr .desc { color: #586671; margin-bottom: 80px; } .discover-features-fr .row { padding: 0 2%; } .discover-features-fr .item { float: left; width: 27.33%; min-height: 200px; margin: 0 3%; padding-top: 44px; border-radius: 4px; } .discover-features-fr .item.active { background-color: #FFF; } .discover-features-fr .img-responsive { margin-left: auto; margin-right: auto; margin-bottom: 30px; } .discover-features-fr .item p { font-weight: bold; color: #1a3c56; } .how-work-fr { padding-top: 90px; padding-bottom: 90px; } .how-work-fr .title { text-align: center; margin-bottom: 100px; font-size: 34px; font-weight: bold; } .how-work-fr .nav-tab, .how-work-fr .tab-content { float: left; width: 50%; } .how-work-fr .tab-content { padding-left: 20px; padding-right: 20px; } .how-work-fr ul { position: relative; margin: 0; padding: 0 30px 0 0; list-style: none; } .how-work-fr ul:before { content: ''; position: absolute; top: 0; bottom: 0; width: 1px; background: #eaeaea; left: 5%; margin-left: -10px; } .how-work-fr ul li { background: url(../png/icon-does-work-tab-fr.png) 11px 6px no-repeat; padding-left: 42px; margin-bottom: 36px; } .how-work-fr ul li.active { background: url(../png/icon-does-work-tab-article-fr.png) 11px 6px no-repeat; } .how-work-fr ul li.last { margin-bottom: 0; } .how-work-fr dl { margin: 0; color: #2c2d2d; } .how-work-fr dl dt { margin-bottom: 10px; font-size: 18px; font-weight: bold; } .how-work-fr li a { text-decoration: none; } .how-work-fr li.active dl { color: #209cdb; } .how-work-fr .link { padding-top: 60px; text-align: center; } .tech-specs-fr { padding: 100px 0px; border-bottom: 1px solid #e6e6e6; } .tech-specs-fr .title { margin-bottom: 60px; text-align: center; font-size: 34px; font-weight: bold; color: #1a3c56; } .tech-specs-fr table { box-shadow: 0px 0px 32px #f7f7f7; } .tech-specs-fr table tbody tr:first-child td { border-top: 2px solid #5bb6e5; } .tech-specs-fr table tbody tr td { padding: 30px 36px; } .tech-specs-fr dl dt { margin-bottom: 10px; font-weight: bold; font-size: 18px; color: #1a3c56; } .tech-specs-fr dl dd { font-size: 14px; color: #3f3f3f; } .tech-specs-fr .link { padding-top: 30px; text-align: center; } .tech-specs-fr .link .btn, .how-work-fr .link .btn, .product-desc-pr .link .btn { width: 246px; height: 54px; padding: 14px 12px; border: 1px solid #209cdb; font-size: 16px; color: #209cdb; } .tech-specs-fr .link .btn:hover, .tech-specs-fr .link .btn:active, .how-work-fr .link .btn:hover, .how-work-fr .link .btn:active, .product-desc-pr .link .btn:hover, .product-desc-pr .link .btn:active { color: #36b3f2; border-color: #36b3f2; } .product-desc-pr { padding-top: 100px; padding-bottom: 100px; } .product-desc-pr .title { margin-bottom: 60px; text-align: center; font-size: 34px; font-weight: bold; color: #1a3c56; } .product-desc-pr .desc { float: left; width: 45%; padding-right: 80px; } .product-desc-pr .screen { float: left; width: 55%; } .product-desc-pr .item { margin-bottom: 14px; border: 1px solid #e1e2e2; border-radius: 4px; box-shadow: 0px 0px 32px #f7f7f7; } .product-desc-pr .item.active { border-color: #6abbe3; } .product-desc-pr .item dl { padding: 22px 24px; margin: 0; } .product-desc-pr .item dl dt { margin-bottom: 8px; font-size: 20px; font-weight: bold; color: #1a3c56; } .product-desc-pr .item.active dl dt { color: #259bd6; } .product-desc-step-pr { list-style: none; padding: 20px 0px; background: url(../png/bg-easy-pr.png) left bottom no-repeat; } .product-desc-step-pr li { float: left; width: 33.33%; line-height: 25px; font-weight: bold; font-size: 14px; color: #1a3c56; } .product-desc-step-pr li.select { padding-left: 56px; background: url(../png/icon-select-pr.png) 28px 0px no-repeat; } .product-desc-step-pr li.scan { padding-left: 56px; background: url(../png/icon-scan-pr.png) 16px 0px no-repeat; } .product-desc-step-pr li.recover { padding-left: 44px; background: url(../png/icon-recover-pr.png) 8px 0px no-repeat; } .product-desc-pr .link { text-align: center; padding-top: 90px; } .carousel-easy .item { margin: 0; } .carousel-easy .carousel-inner { width: 100%; box-shadow: 0px 0px 64px #e2e2e2; } .carousel-easy .carousel-control.left { background: url(../png/icon-easy-bt-left-pr.png) 0px 0px no-repeat; width: 14px; height: 24px; top: auto; left: 46%; bottom: -50px; opacity: 1; } .carousel-easy .carousel-control.right { background: url(../png/icon-easy-bt-right-pr.png) 0px 0px no-repeat; width: 14px; height: 24px; top: auto; right: 46%; bottom: -50px; opacity: 1; } .carousel-easy .carousel-control.left:hover, .carousel-easy .carousel-control.left:active { background: url(../png/icon-easy-bt-left-active-pr.png) 0px 0px no-repeat; } .carousel-easy .carousel-control.right:hover, .carousel-easy .carousel-control.right:active { background: url(../png/icon-easy-bt-right-active-pr.png) 0px 0px no-repeat; } .feedback-ar .btn-write, .feedback-ar .btn-link { width: 200px; height: 50px; line-height: 36px; border: 1px solid #259bd6; color: #259bd6; font-size: 16px; border-radius: 4px; } .feedback-ar .btn-write { background: url(../png/icon-link-write-blue.png) 90% center no-repeat; } .feedback-ar .btn-link { background: url(../png/icon-link-feedback-blue.png) 90% center no-repeat; } .feedback-ar .btn-group { display: block; width: 400px; margin: 40px auto; } .product-desc-ar { padding-top: 60px; padding-bottom: 100px; text-align: center; font-size: 16px; color: #22333f; } .product-desc-ar .title { margin-bottom: 36px; font-size: 34px; font-weight: bold; color: #22333f; } .product-desc-ar p { margin-bottom: 30px; } .product-desc-ar .list { width: 30%; float: left; padding-top: 40px; } .product-desc-ar .nav-tab { background: url(../png/bg-product-desc-list-ar.png) left top repeat-x; list-style: none; margin: 0; padding: 32px 0 0; width: 90%; } .product-desc-ar .nav-tab li a { display: block; height: 44px; line-height: 44px; text-decoration: none; color: #259bd6; } .product-desc-ar .nav-tab li a:hover, .product-desc-ar .nav-tab li a:active, .product-desc-ar .nav-tab li.active a { font-size: 18px; font-weight: bold; background-color: #259bd6; color: #FFFFFF; } .product-desc-ar .tab-content { width: 70%; float: left; padding: 90px 0px 0px 30px; } .product-desc-ar .tab-content dl { float: left; width: 55%; text-align: left; padding-right: 10px; } .product-desc-ar .tab-content dl dt { margin-bottom: 20px; font-weight: bold; font-size: 24px; color: #22333f; } .product-desc-ar .tab-content dl dd { margin-bottom: 30px; } .product-desc-ar .tab-content dl dd a { color: #259bd6; background: url(../png/icon-desc-link-ar.png) 0px 0px no-repeat; padding-left: 30px; text-decoration: underline; } .product-desc-ar .tab-content .screen { float: left; width: 45%; } .product-support-ar { background: url(../jpg/bg-support-ar.jpg) left top no-repeat; background-size: cover; min-height: 710px; padding-top: 120px; } .product-support-ar .screen, .product-support-ar .desc { float: left; width: 50%; } .product-support-ar .title { margin-top: 0; margin-bottom: 20px; font-weight: bold; font-size: 30px; color: #22333f; } .product-support-ar p { font-size: 14px; line-height: 24px; } .product-support-ar .tips { font-size: 16px; color: #259bd6; } .product-support-ar .item { float: left; width: 110px; text-align: center; font-size: 14px; } .product-support-ar .item .img-responsive { margin: 20px auto 8px auto; } .product-step-ar { padding-top: 100px; padding-bottom: 100px; } .product-step-ar .desc { padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid #e6e6e6; } .product-step-ar .title { text-align: center; margin-bottom: 30px; font-weight: bold; font-size: 34px; color: #22333f; } .product-step-ar p { width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 30px; line-height: 28px; text-align: center; } .product-step-ar .note { color: #d65725; } .product-step-ar .list { float: left; width: 44%; padding-right: 40px; } .product-step-ar .nav-tab { list-style: none; padding: 0; margin: 0; } .product-step-ar .nav-tab li { padding-left: 76px; } .product-step-ar .nav-tab li a { text-decoration: none; color: #22333f; } .product-step-ar .nav-tab li.active a { color: #259bd6; } .product-step-ar .nav-tab li.connect { background: url(../jpg/icon-step-connect-ar.jpg) 0px 6px no-repeat; } .product-step-ar .nav-tab li.scan { background: url(../jpg/icon-step-scan-ar.jpg) 0px 6px no-repeat; } .product-step-ar .nav-tab li.recover { background: url(../jpg/icon-step-recover-ar.jpg) 0px 6px no-repeat; } .product-step-ar .nav-tab li.connect.active { background: url(../jpg/icon-step-connect-active-ar.jpg) 0px 6px no-repeat; } .product-step-ar .nav-tab li.scan.active { background: url(../jpg/icon-step-scan-active-ar.jpg) 0px 6px no-repeat; } .product-step-ar .nav-tab li.recover.active { background: url(../jpg/icon-step-recover-active-ar.jpg) 0px 6px no-repeat; } .product-step-ar .btn-more { width: 160px; height: 50px; margin-top: 30px; margin-left: 76px; padding: 14px 12px; color: #209cdb; border: 1px solid #209cdb; } .product-step-ar .tab-content { float: left; width: 56%; } .product-step-ar .tab-content .img-responsive { margin-left: auto; margin-right: auto; } .product-banner { background-size: 100%; text-align: center; color: #FFFFFF; padding-top: 70px; } .product-banner .nav-tab { height: 72px; text-align: center; border-bottom: 1px solid #339dc5; } .product-banner .nav-tab ul { list-style: none; } .product-banner .nav-tab ul li { display: inline-block; } .product-banner .nav-tab ul li a { display: block; line-height: 71px; margin: 0px 35px; padding: 0px 6px; font-size: 16px; color: #bbe9ff; text-decoration: none; } .product-banner .nav-tab ul li.windows a { background: url(../png/icon-win-21.png) left center no-repeat; padding-left: 37px; } .product-banner .nav-tab ul li.mac a { background: url(../png/icon-mac-19.png) left center no-repeat; padding-left: 34px; } .product-banner .nav-tab ul li a:hover, .product-banner .nav-tab ul li a:active, .product-banner .nav-tab ul li a.active { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFF; } .product-banner .nav-tab ul li.active a { font-weight: bold; } .product-banner.android-recovery { background: url(../jpg/bg_banner_android_data_recovery.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.phone-transfer { background: url(../jpg/bg_banner_phone_data_transfer.jpg) 0px 0px no-repeat; background-size: cover; height: 585px; } .product-banner.photo-recovery { background: url(../jpg/bg_banner_photo_recovery.jpg) 0px 0px no-repeat; background-size: cover; height: 585px; } .product-banner.file-recovery { background: url(../jpg/bg_banner_file_recovery.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.iphone-backup-extractor { background: url(../jpg/bg_banner_file_iphone_backup_extractor.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.iphone-data-recovery { background: url(../jpg/bg_banner_iphone_data_recovery.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.privacy-eraser { background: url(../jpg/bg_banner_privacy_eraser.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.swf-converter { background: url(../jpg/bg_banner_swf_converter.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.itunes-backup-unlocker { background: url(../jpg/bg_banner_itunes_backup_extractor.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.hd-video-converter { background: url(../jpg/bg_banner_hd_video_converter.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.video-converter { background: url(../jpg/bg_banner_video_converter.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.pdf-password-recovery { background: url(../jpg/bg_banner_pdf_password_recovery.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.pdf-password-remover { background: url(../jpg/bg_banner_pdf_password_remover.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.mobile-privacy-eraser { background: url(../jpg/bg_banner_mobile_privacy_eraser.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.android-manager { background: url(../jpg/bg_banner_android_manager.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.heic-converter { background: url(../jpg/bg_banner_heic_converter.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.photo-eraser { background: url(../jpg/bg_banner_photo_eraser.jpg) 0px 0px no-repeat; background-size: cover; height: 586px; } .product-banner.video-editor { background: url(../jpg/bg-video-editor.jpg) 0px 0px no-repeat; background-size: cover; height: 600px; padding-top: 56px; text-align: left; } .product-banner p { width: 86%; margin-left: auto; margin-right: auto; margin-bottom: 20px; font-size: 22px; } .product-banner .link { margin: 40px 0px 50px 0px; } .product-banner .link a { display: inline-block; margin-right: 14px; margin-left: 4px; color: #b2eeff; text-decoration: underline; } .product-banner.photo-eraser a { color: #e5e5e5; } .product-banner.photo-eraser a:hover { color: #FFFFFF; } .product-banner .system { width: 418px; list-style: none; margin: 40px auto 50px auto; padding: 0; } .product-banner .system li { float: left; display: block; width: 209px; } .product-banner .system li a { display: block; padding: 8px 28px 8px 48px; border-bottom: 1px solid #50b3e5; font-size: 16px; color: #bbe9ff; } .product-banner .system li a:hover, .product-banner .system li a:active, .product-banner .system li a.active:visited { text-decoration: none; color: #ffffff; border-bottom: 1px solid #a3e6fe; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; transition: .8s; } .product-banner .system li a.active, .product-banner .system li a.active:hover, .product-banner .system li a.active:active { color: #ffffff; text-decoration: none; border-bottom: 1px solid #a3e6fe; } .product-banner .system li.windows a { background: url(../png/icon_windows_16.png) 54px 10px no-repeat; } .product-banner .system li.windows a.active { background: url(../png/icon_windows_16.png) 54px 10px no-repeat; } .product-banner .system li.mac a { background: url(../png/icon_mac_15.png) 74px 8px no-repeat; } .product-banner .system li.mac a.active { background: url(../png/icon_mac_15.png) 74px 8px no-repeat; } .product-banner.photo-eraser .system li.windows a { background: url(../png/icon_windows_16_photo_eraser.png) 54px 10px no-repeat; } .product-banner.photo-eraser .system li.windows a.active { background: url(../png/icon_windows_16_photo_eraser_active.png) 54px 10px no-repeat; } .product-banner.photo-eraser .system li.mac a { background: url(../png/icon_mac_15_photo_eraser.png) 74px 8px no-repeat; } .product-banner.photo-eraser .system li.mac a.active { background: url(../png/icon_mac_15_photo_eraser_active.png) 74px 8px no-repeat; } .product-banner.photo-eraser .system li a { border-bottom: 1px solid #888888; color: #cfcfcf; } .product-banner.photo-eraser .system li a:hover, .product-banner.photo-eraser .system li a:active, .product-banner.photo-eraser .system li a.active:visited, .product-banner.photo-eraser .system li a.active, .product-banner.photo-eraser .system li a.active:hover, .product-banner.photo-eraser .system li a.active:active { color: #fcc00b; border-bottom: 1px solid #fcc00b; } .product-banner.android-recovery .btn-banner { margin: 24px 0px; } .product-banner .btn-download-area, .product-banner .btn-buy-area { display: inline-block; width: 246px; text-align: center; } .product-banner .btn-download-area span { font-size: 14px; color: #bee1f2; } .product-banner .btn-buy-area span { font-size: 14px; color: #faff7a; } .product-banner .btn-buy-area span s { color: #c1c1c1; } .product-banner .btn-banner-download, .product-banner .btn-banner-buynow, .btn-banner-download-whatsapp, .product-whatsapp .btn-banner-buynow-whatsapp { height: 54px; margin: 0px 18px 14px 18px; border-radius: 4px; text-align: left; color: #FFFFFF; } .product-banner .btn-banner-download, .product-whatsapp .btn-banner-download-whatsapp { width: 218px; line-height: 42px; font-size: 20px; } .product-banner .btn-banner-download.windows { background: url("../png/icon_btn_windows.png") #0087ff 20px center no-repeat; padding-left: 63px; } .product-banner .btn-banner-download.mac { background: url("../png/icon_btn_mac.png") #0087ff 18px center no-repeat; padding-left: 57px; } .product-banner .btn-banner-download.android { background: url("../png/icon_btn_android.png") #0087ff 17px center no-repeat; padding-left: 58px; } .product-banner .btn-banner-download:hover, .product-banner .btn-banner-download:active { background-color: #0681ef; } .product-banner .btn-banner-buynow { width: 200px; padding-left: 78px; background: url("../png/icon_btn_buynow.png") #ea9b1f 26px center no-repeat; line-height: 42px; font-size: 18px; } .product-banner .btn-banner-buynow span, .product-whatsapp .btn-banner-buynow-whatsapp span { display: block; line-height: 18px; font-size: 14px; color: #ffd77a; } .product-banner .btn-banner-buynow:hover, .product-banner .btn-banner-buynow:active { background-color: #ffae2f; } .product-banner .btn-banner-download span, .product-whatsapp .btn-banner-download-whatsapp span { display: block; line-height: 18px; font-size: 14px; color: #d7ecc0; } .product-banner.photo-eraser .btn-banner-download { padding-left: 0; background: #ffffff; text-align: center; border-radius: 36px; font-weight: bold; font-size: 20px; color: #333333; } .product-banner.photo-eraser .btn-banner-download:hover { color: #333333; ; } .product-banner.photo-eraser .btn-banner-buynow { background: url("../png/icon_btn_buynow_photo_eraser.png") #fcc00b 33px center no-repeat; padding-left: 82px; border-radius: 36px; line-height: 38px; font-weight: bold; font-size: 20px; color: #302e34; } .product-banner.photo-eraser .btn-banner-buynow:hover { color: #302e34; } .product-banner.photo-eraser .btn-download-area span { color: #888787; } .product-banner.video-editor h1 { display: inline-block; background: url(../png/icon-new.png) right center no-repeat; font-size: 30px; padding-right: 80px; margin-top: 0; } .product-banner.video-editor .desc { width: 52%; float: left; } .product-banner.video-editor .screen { width: 42%; float: right; padding-top: 30px; } .product-banner.video-editor p { font-size: 24px; width: 100%; } .product-banner.video-editor .brief-introduction { font-size: 46px; line-height: 50px; color: #fb8c00; } .product-banner.video-editor .link a { display: inline-block; margin-right: 50px; text-decoration: underline; font-size: 20px; color: #FFF; } .product-banner.video-editor .btn-download-area, .product-banner .btn-buy-area { display: inline-block; width: 250px; margin-right: 20px; text-align: center; } .product-banner .btn-banner-buynow { width: 250px; height: 60px; margin: 0; font-size: 22px; padding-left: 63px; background: url(../png/icon_btn_windows.png) 20px center no-repeat; border: 1px solid #ffffff; } .product-banner.video-editor .btn-banner-download { width: 250px; margin: 0; height: 60px; font-size: 22px; } .product-banner .btn-banner-buynow:hover, .product-banner .btn-banner-buynow:active { background-color: transparent; border: 1px solid #c2c2c2; color: #c2c2c2; } .product-privacy-eraser-recover-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 70px 60%; min-height: 509px; background: url(../jpg/img-privacy-eraser-recover-deleted-format.jpg) #209cdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-mobile-privacy-eraser-recover-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 70px 60%; min-height: 509px; background: url(../jpg/img-mobile-privacy-eraser-recover-deleted-format.jpg) #209cdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-swf-converter-recover-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 70px 60%; min-height: 509px; background: url(../jpg/img-swf-converter-recover-deleted-format.jpg) #209cdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-hd-video-converter-recover-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 40px 60%; min-height: 509px; background: url(../jpg/img-hd-video-converter-recover-deleted-format.jpg) #209cdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-video-converter-recover-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 40px 60%; min-height: 509px; background: url(../jpg/img-video-converter-recover-deleted-format.jpg) #209cdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-pdf-password-recovery-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 40px 60%; min-height: 509px; background: url(../jpg/img-pdf-password-recovery-recover-deleted-format.jpg) #1c9bdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-pdf-password-remover-recover-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 40px 60%; min-height: 509px; background: url(../jpg/img-pdf-password-remover-recover-deleted-format.jpg) #1c9bdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-itunes-backup-unlocker-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 70px 60%; min-height: 509px; background: url(../jpg/img-itunes-backup-extractor-recover-deleted-format.jpg) #209cdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-android-manager-recover-format { max-width: 1440px; margin: 0 auto; padding: 70px 80px 40px 60%; min-height: 509px; background: url(../jpg/img-android-manager-recover-deleted-format.jpg) #1c9bdb 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-heic-converter-types { max-width: 1440px; margin: 0 auto; padding: 70px 80px 40px 60%; min-height: 509px; background: url(../jpg/img-heic-converter-recover-deleted-format.jpg) #1896d5 0 0 no-repeat; font-size: 16px; color: #FFF; } .product-swf-converter-recover-format .title, .product-privacy-eraser-recover-format .title, .product-mobile-privacy-eraser-recover-format .title { margin-bottom: 16px; font-size: 32px; } .product-swf-converter-recover-format dl dt, .product-itunes-backup-unlocker-format dl dt, .product-hd-video-converter-recover-format dl dt, .product-hd-video-converter-situations dl dt, .product-video-converter-recover-format dl dt, .product-pdf-password-recovery-format dl dt, .product-pdf-password-remover-recover-format dt, .product-android-manager-recover-format dl dt, .product-heic-converter-types dl dt { margin-bottom: 20px; font-size: 32px; } .product-swf-converter-recover-format dl dd, .product-itunes-backup-unlocker-format dl dd, .product-hd-video-converter-recover-format dl dd, .product-hd-video-converter-situations dl dd, .product-video-converter-recover-format dl dd, .product-pdf-password-recovery-format dl dd, .product-pdf-password-remover-recover-format dl dd, .product-mobile-privacy-eraser-recover-format p, .product-android-manager-recover-format dl dd, .product-heic-converter-types dl dd { margin-bottom: 18px; } .product-hd-video-converter-recover-format a, .product-hd-video-converter-situations a { color: #FFF; text-decoration: underline; } .rating ul { float: left; width: 120px; list-style: none; padding: 10px 0 0; margin: 0; } .rating ul li { float: left; width: 16px; height: 16px; margin-right: 2px; cursor: pointer; } .rating ul li.on, .rating ul li.hover { background: url("../png/icon-star-small.png") 0px 0px no-repeat; } .rating ul li, .rating ul li.nohover { background: url("../png/icon-star-small-gary.png") 0px 0px no-repeat; } .rating .tips { padding-top: 8px; font-size: 15px; } .product-banner-new .stars, .product-banner-new .stars-half, .product-banner-new .stars-gary { display: inline-block; width: 20px; height: 19px; vertical-align: middle; text-indent: -9999px; } .product-banner-new .stars { background: url("../png/icon_stars_new.png") center center no-repeat; } .product-banner-new .stars-half { background: url("../png/icon_stars_new.png") center center no-repeat; } .product-banner-new .stars-gary { background: url("../png/icon_stars_new.png") center center no-repeat; } .product-banner .stars, .product-banner .stars-half, .product-banner .stars-gary { display: inline-block; width: 15px; height: 15px; vertical-align: middle; text-indent: -9999px; } .product-banner .stars { height: 14px; background: url("../png/icon_stars.png") center center no-repeat; } .product-banner .stars-half { background: url("../png/icon_stars_half.png") center center no-repeat; } .product-banner .stars-gary { background: url("../png/icon_stars_gary.png") center center no-repeat; } .comment-star .stars, .comment-star .stars-half, .comment-star .stars-gary { display: inline-block; width: 16px; height: 16px; vertical-align: middle; text-indent: -9999px; } .comment-star .stars { background: url("../png/icon-star-small.png") center center no-repeat; } .comment-star .stars-half { background: url("../png/icon-star-half-small.png") center center no-repeat; } .comment-star .stars-gary { background: url("../png/icon-star-small-gary.png") center center no-repeat; } .reviews-head h1 { margin-top: 0px; font-size: 32px; } .reviews-head .review-show { border: solid 1px #e5e5e5; padding: 7px 15px; border-radius: 5px; float: left; margin-right: 10px; } .review-show .stars, .review-show .stars-half, .review-show .stars-gary { display: inline-block; width: 25px; height: 25px; vertical-align: middle; text-indent: -9999px; } .review-show .num { display: inline-block; margin-left: 6px; font-size: 18px; padding-top: 1px; } .review-show .stars { background: url("../png/icon-star.png") center center no-repeat; } .review-show .stars-half { background: url("../png/icon-star-half.png") center center no-repeat; } .review-show .stars-gary { background: url("../png/icon-star-gary.png") center center no-repeat; } .reviews-head .btn-add-review { padding-top: 7px; padding-bottom: 7px; font-size: 18px; } .product-extractor-desc { padding-top: 70px; padding-bottom: 100px; } .product-desc h2, .product-recover-files h2, .product-desc-step h2, .product-extractor-desc h2, .ios-data-types h2 { text-align: center; font-size: 34px; color: #333333; margin-bottom: 20px; } .product-desc p, .product-extractor-desc p { text-align: center; font-size: 18px; margin-bottom: 30px; } .product-desc .item { float: left; width: 17.9%; height: 206px; margin: 22px 1% 0px 1%; text-align: center; font-size: 16px; } .product-desc { padding: 70px 100px 80px 100px; } .product-desc .item span { display: block; width: 140px; height: 140px; margin: 0 auto 22px auto; border-radius: 140px; text-indent: -9999px; } .product-desc .deletion { background: url(../png/icon_deletion.png) #0d71be center center no-repeat; } .product-desc .android-upgrade { background: url(../png/icon_android_upgrade.png) #0185c1 center center no-repeat; } .product-desc .fatory-feset { background: url(../png/icon_fatory_reset.png) #259bd6 center center no-repeat; } .product-desc .rom-flash { background: url(../png/icon_rom_flash.png) #259bd6 center center no-repeat; } .product-desc .screen-broken { background: url(../png/icon_screen_broken.png) #259bd6 center center no-repeat; } .product-recover-files { background: url(../jpg/bg_recover_files.jpg) 0px 0px no-repeat; min-height: 436px; padding-top: 72px; background-size: cover; } .product-recover-files ul { list-style: none; margin: 86px 0px 0px 0px; padding: 0; } .product-recover-files ul li { float: left; width: 82px; margin-right: 30px; margin-left: 15px; text-align: center; min-height: 130px; } .product-recover-files ul li.last { margin-right: 0px; } .product-recover-files ul li span { display: block; margin-top: 14px; text-align: center; font-size: 16px; color: #2c2c2c; } .product-desc-step { padding-top: 70px; padding-bottom: 110px; } .product-desc-step h2 { margin-bottom: 60px; } .product-desc-step p { margin: 22px 0px; line-height: 22px; font-size: 15px; } .product-top-desc-pdf { padding-top: 70px; padding-bottom: 110px; text-align: center; } .product-desc-step-pdf { padding-top: 100px; min-height: 558px; color: #FFF; } .product-desc-step-pdf h2 { text-align: center; font-size: 34px; margin-bottom: 20px; } .product-desc-step-pdf .product-action-step .product-action-desc span { color: #FFF; } .product-desc-step-pdf .product-action { padding-top: 100px; } .product-top-desc-pdf h2 { font-size: 30px; color: #259bd6; } .product-top-desc-pdf p { margin: 22px 0px; line-height: 22px; font-size: 18px; } .product-top-desc-pdf .product-action { margin: 70px auto 0px auto; width: 80%; } .product-desc-step-pdf { background-color: #048ad2; } .product-action-step { position: relative; text-align: center; padding-right: 52px; } .product-action-step .product-action-desc { display: block; font-size: 20px; margin: 14px auto; } .product-action-step .product-action-desc span { color: #0078d7; } .product-action-progress { position: absolute; top: 46px; right: -158px; } .product-action-progress-2 { position: absolute; top: 76px; right: -34px; } .product-action-progress-3 { position: absolute; top: 76px; right: -58px; } .product-support { min-height: 500px; /*height: 558px;*/ background-color: #0078d7; color: #FFFFFF; padding-top: 70px; } .product-support .container { min-height: 450px; /*min-height: 558px;*/ background: url(../png/bg_product_support.png) right bottom no-repeat; } .product-support h3 { font-size: 34px; } .product-support ul { list-style: none; padding: 36px 0px; margin: 0; } .product-support ul li { margin-bottom: 22px; } .product-support ul li img { display: inline-block; margin-right: 20px; vertical-align: middle; } .product-support.phone-transfer .container { min-height: 558px; background: url(../png/img_hot-phone-devices-support.png) right bottom no-repeat; } .product-support.iphone-recovery .container { min-height: 500px; padding-top: 50px; background: url(../png/bg_iphone-recovery-support.png) right bottom no-repeat; } .product-support.mobile-privacy-eraser .container { min-height: 558px; background: url(../jpg/img-mobile-privacy-eraser-devices.jpg) right bottom no-repeat; } .product-support.heic-converter .container { min-height: 558px; background: url(../jpg/img-heic-converter-recover-devices.jpg) right 115px no-repeat; } .product-support.heic-converter { padding-top: 0px; } .product-support.heic-converter ul { width: 50%; padding-top: 16px; } .product-support.heic-converter .container { padding-top: 100px; } .product-support.photo-recovery { /*min-height: 600px;*/ height: 520px; background: url(../png/bg_recovery-lost-data-storage-devices.png) right bottom no-repeat; color: #333; /*padding-top: 160px;*/ } .product-support.android-manager { min-height: 550px; background: url(../png/img-android-manager-devices.png) 90% 140px no-repeat; } .product-support.swf-converter { background: url(../png/img-swf-converter-recover-devices.png) right bottom no-repeat; } .product-support.itunes-backup-unlocker .container { background: url(../png/img-itunes-backup-extractor-recover-devices.png) right bottom no-repeat; } .product-support.hd-video-converter { background: url(../jpg/img-hd-video-converter-recover-devices.jpg) right bottom no-repeat; } .product-support.video-converter { background: url(../jpg/img-video-converter-recover-devices.jpg) 92% 120px no-repeat; } .product-support.pdf-password-recovery { background: url(../jpg/img-pdf-password-recovery-recover-recover-devices.jpg) right bottom no-repeat; } .product-support.pdf-password-recovery ul li { background: url(../png/icon_yes_blue.png) 0px 8px no-repeat; padding-left: 32px; } .product-support.pdf-password-remover { background: url(../jpg/img-pdf-password-remover-recover-devices.jpg) right bottom no-repeat; } .product-support.photo-recovery .container, .product-support.file-recovery .container { background: none; } .product-support.phone-transfer, .product-support.privacy-eraser, .product-support.privacy-eraser .container, .product-support.swf-converter .container, .product-support.itunes-backup-unlocker, .product-support.hd-video-converter .container, .product-support.video-converter .container, .product-support.pdf-password-recovery .container, .product-support.pdf-password-remover .container, .product-support.mobile-privacy-eraser, .product-support.android-manager .container, .product-support.heic-converter { background: none; color: #333; } .product-support.hd-video-converter a, .product-support.android-manager a { text-decoration: underline; } .product-support.privacy-eraser .desc { float: left; width: 53%; } .product-support.privacy-eraser .screen { float: right; width: 45%; } .product-support.privacy-eraser h3, .product-support.swf-converter h3, .product-support.itunes-backup-unlocker h3, .product-support.hd-video-converter h3, .product-support.video-converter h3, .product-support.mobile-privacy-eraser h3, .product-support.android-manager h3, .product-support.heic-converter h3 { color: #259bd6; } .product-privacy-eraser-situations, .product-swf-converter-situations, .product-itunes-backup-unlocker-situations, .product-hd-video-converter-situations, .product-video-converter-situations, .product-pdf-password-remover-situations, .product-mobile-privacy-eraser-situations, .product-android-manager-situations { min-height: 558px; padding-top: 98px; background-color: #0588d3; color: #FFF; } .product-mobile-privacy-eraser-situations { background-color: #0290d1; padding-top: 40px; } .product-video-converter-situations { padding-top: 28px; } .product-video-converter-situations .desc { padding-top: 66px; } .product-privacy-eraser-situations .screen, .product-swf-converter-situations .screen, .product-itunes-backup-unlocker-situations .screen, .product-hd-video-converter-situations .screen, .product-video-converter-situations .screen, .product-pdf-password-remover-situations .screen, .product-mobile-privacy-eraser-situations .screen, .product-android-manager-situations .screen { float: left; width: 50%; padding-right: 2%; } .product-privacy-eraser-situations .screen img, .product-swf-converter-situations .screen img, .product-itunes-backup-unlocker-situations .screen img, .product-hd-video-converter-situations .screen img, .product-video-converter-situations .screen img, .product-pdf-password-remover-situations .screen img, .product-mobile-privacy-eraser-situations .screen img, .product-android-manager-situations .screen img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .product-privacy-eraser-situations .desc, .product-swf-converter-situations .desc, .product-itunes-backup-unlocker-situations .desc, .product-hd-video-converter-situations .desc, .product-video-converter-situations .desc, .product-pdf-password-remover-situations .desc, .product-mobile-privacy-eraser-situations .desc, .product-android-manager-situations .desc { float: right; width: 50%; } .product-mobile-privacy-eraser-situations .desc { padding-top: 48px; } .product-privacy-eraser-situations dl dt, .product-swf-converter-situations dl dt, .product-itunes-backup-unlocker-situations dl dt, .product-video-converter-situations dl dt, .product-pdf-password-remover-situations dl dt, .product-mobile-privacy-eraser-situations dl dt, .product-android-manager-situations dl dt { margin-bottom: 20px; font-size: 34px; color: #FFF; } .product-privacy-eraser-situations dl dd, .product-swf-converter-situations dl dd, .product-itunes-backup-unlocker-situations dl dd, .product-video-converter-situations dl dd, .product-pdf-password-remover-situations dl dd, .product-mobile-privacy-eraser-situations dl dd, .product-android-manager-situations dl dd { margin-bottom: 18px; font-size: 16px; color: #FFF; } .product-support.photo-recovery p { width: 60%; } .product-support.phone-transfer h3 { color: #0078d7; } .product-support.file-recovery { min-height: 590px; color: #333; padding-top: 80px; background: url(../jpg/bg_file-recovery-media-supported.jpg) right bottom no-repeat; } .product-transfer-between-devices { height: 510px; background: url(../png/img_transfer-between-phone-files.png) #2d8eda bottom center no-repeat; color: #FFFFFF; text-align: center; font-size: 18px; line-height: 26px; } .product-transfer-between-devices .container { padding-top: 70px; padding-left: 200px; padding-right: 200px; } .product-transfer-between-devices .title { text-align: center; font-size: 34px; margin-bottom: 20px; } .product-transfer-modes { min-height: 510px; background: url(../png/bg_transfer-modes-available.png) #f0f4fa 10% 0px no-repeat; } .product-transfer-modes dl { float: right; width: 50%; margin: 126px 0px 0px 0px; } .product-transfer-modes dl dt, .product-safe-efficient dl dt, .product-user-risk dl dt, .product-dataLoss-situations dl dt, .product-photo-recovery-types dl dt, .product-files-recovery-types dl dt { margin-bottom: 24px; font-size: 34px; color: #0078d7; } .product-transfer-modes dl dd, .product-safe-efficient dl dd, .product-user-risk dl dd, .product-dataLoss-situations dl dd, .product-photo-recovery-types dl dd, .product-files-recovery-types dl dd { margin-bottom: 20px; font-size: 18px; } .product-safe-efficient { min-height: 440px; background: #FFFFFF; /* 一些不支持背景渐变的浏览器 */ background: -moz-linear-gradient(left, #fff, #d7e4f8); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#fff), to(#d7e4f8)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #fff, #d7e4f8); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #fff, #d7e4f8); /*Opera11*/ } .product-safe-efficient .container { min-height: 440px; background: url(../png/bg_icon_safe%26efficient.png) right bottom no-repeat; background-size: cover; } .product-safe-efficient.privacy-eraser .container { background: none; } .product-safe-efficient.privacy-eraser { background: url(../jpg/bg_privacy-eraser-user-friendly.jpg) left top no-repeat; background-size: 100%; } .product-safe-efficient.mobile-privacy-eraser { background-color: #f2fdff; } .product-safe-efficient.mobile-privacy-eraser .container { background: url(../png/img-mobile-privacy-eraser-user-friendly.png) right 104px no-repeat; } .product-safe-efficient.phone-transfer .container, .product-safe-efficient.mobile-privacy-eraser .container { background-size: auto; } .product-user-risk.swf-converter { background: url(../jpg/bg_swf-converter-user-friendly.jpg) left bottom no-repeat; background-size: 100%; } .product-user-risk.hd-video-converter { background: url(../png/img-hd-video-converter-recover-user-friendly.png) #e3faff 92% 140px no-repeat; } .product-user-risk.itunes-backup-unlocker { background: url(../jpg/bg_itunes-backup-extractor-recover-user-friendly.jpg) right top no-repeat; background-size: 100%; } .product-user-risk.video-converter { background: url(../jpg/img-video-converter-recover-user-friendly.jpg) right bottom no-repeat; background-size: cover; } .product-user-risk.pdf-password-recovery, .product-user-risk.pdf-password-remover { background: url(../jpg/img-pdf-password-recovery-user-friendly.jpg) right top no-repeat; } .product-user-risk.android-manager { background-image: none; } .product-user-risk.android-manager .container { background: url(../png/img-android-manager-user-friendly.png) right bottom no-repeat; } .product-user-risk.heic-converter { background: url(../jpg/img-heic-converter-user-friendly.jpg) right top no-repeat; background-size: cover; } .product-safe-efficient dl, .product-user-risk dl { float: left; width: 50%; margin: 80px 0px 0px 0px; } .product-user-risk dl { margin-top: 100px; } .product-user-risk.android-manager dl { width: 64%; margin: 80px 0px 0px 0px; } .product-user-risk.file-recovery dl { margin-top: 100px; } .product-user-risk.recuperation-photos-risk dl { padding-top: 10px; } .product-safe-efficient dl dt { line-height: 36px; font-size: 32px; } .product-safe-efficient dl dt img { display: block; float: left; vertical-align: bottom; margin-right: 16px; margin-top: 6px; } .product-safe-efficient dl dd { background: url(../png/icon_yes_black.png) 0px 8px no-repeat; padding-left: 32px; } .product-user-risk { min-height: 559px; background: url(../jpg/bg_user-risk.jpg) right bottom no-repeat; background-color: #e7eeff; } .product-user-risk dl dt img { display: inline-block; vertical-align: top; margin-right: 22px; margin-top: 6px; } .product-user-risk dl dd { background: url(../png/icon_yes_blue.png) 0px 8px no-repeat; padding-left: 32px; } .product-user-risk dl dd.text { margin-top: 20px; font-weight: bold; } .product-user-risk p { float: left; } .product-user-risk.file-recovery { height: 558px; background: url(../jpg/bg_file-recovery-stuck.jpg) right bottom no-repeat; background-size: 100% 100%; } .product-user-risk.file-recovery dl dd, .product-user-risk.hd-video-converter dl dd, .product-user-risk.android-manager dl dd, .product-user-risk.heic-converter dl dd { background: none; padding-left: 0; } .product-dataLoss-situations { min-height: 558px; background-color: #2862a1; } .product-dataLoss-situations.heic-converter { background-color: #0588d3; } .product-dataLoss-situations .container { min-height: 558px; padding-top: 50px; color: #FFFFFF; } .product-dataLoss-situations .img { float: left; width: 50%; padding: 20px 30px 0px 30px; text-align: center; } .product-dataLoss-situations .img img { display: block; width: 100%; } .product-dataLoss-situations dl { width: 50%; float: right; } .product-dataLoss-situations dl dt { color: #FFFFFF; } .product-photo-recovery-types .left, .product-files-recovery-types .left { float: left; width: 50%; height: 509px; background: url(../jpg/img-recover-deleted-types.jpg) left top no-repeat; background-size: 100% 100%; text-indent: -9999px; } .product-photo-recovery-types .right, .product-files-recovery-types .right { float: left; width: 50%; height: 509px; background-color: #2d8eda; color: #FFFFFF; } .product-photo-recovery-types dl { padding: 80px 80px; } .product-files-recovery-types dl { padding: 40px 80px; } .product-photo-recovery-types dl dt { color: #FFFFFF; } .product-photo-recovery-types.hvc dl dt, .product-dataLoss-situations.hvc dl dt { font-size: 28px; } .product-photo-recovery-types.hvc dl dd a, .product-dataLoss-situations.hvc dl dd a { color: #FFF; text-decoration: underline; } .product-photo-recovery-types.hvc dl dd a:hover, .product-photo-recovery-types.hvc dl dd a:active, .product-dataLoss-situations.hvc dl dd a:hover, .product-dataLoss-situations.hvc dl dd a:active { color: #dfdfdf; } .product-files-recovery-types dl dt { font-size: 30px; color: #FFFFFF; } .product-files-recovery-types .left { background: url(../jpg/bg_files-recover-types.jpg) left top no-repeat; } .product-extractor-desc .item { float: left; width: 9%; margin: 22px 1% 0px 0%; text-align: center; font-size: 16px; } .product-extractor-desc .item.last { margin-right: 0; } .product-extractor-desc .item span { display: block; width: 96px; height: 96px; margin: 0 auto 22px auto; border-radius: 140px; text-indent: -9999px; } .product-extractor-desc .deletion { background: url(../png/icon_iphone_deletion.png) #259bd6 center 28px no-repeat; } .product-extractor-desc .ios-upgrade { background: url(../png/icon_iphone_ios_upgrade.png) #259bd6 center 24px no-repeat; } .product-extractor-desc .fatory-feset { background: url(../png/icon_iphone_fatory_reset.png) #259bd6 center 28px no-repeat; } .product-extractor-desc .jailbreak { background: url(../png/icon_iphone_jailbreak.png) #259bd6 center 24px no-repeat; } .product-extractor-desc .water-damage { background: url(../png/icon_iphone_water_damage.png) #259bd6 center 26px no-repeat; } .product-extractor-desc .sceen-broken { background: url(../png/icon_iphone_sceen_broken.png) #259bd6 center 26px no-repeat; } .product-extractor-desc .apple-logo { background: url(../png/icon_iphone_stuck_in_apple_logo.png) #259bd6 center 24px no-repeat; } .product-extractor-desc .iphone-lost { background: url(../png/icon_iphone_iphone_lost%26stolen.png) #259bd6 center 26px no-repeat; } .product-extractor-desc .iphone-locked { background: url(../png/icon_iphone_iphone_locked.png) #259bd6 center 24px no-repeat; } .product-extractor-desc .recovery-mods { background: url(../png/icon_iphone_stuck_in_recovery_mods.png) #259bd6 center 24px no-repeat; } .ios-data-types { background: url(../jpg/bg_ios-data-types.jpg) center top no-repeat; background-size: 100% 100%; height: 563px; padding-top: 80px; text-align: center; } .ios-data-types h2 { /*margin-bottom: 60px;*/ } .ios-data-types { margin-top: 30px; } .ios-data-types table tr td { display: inline-block; width: 11%; text-align: center; } .ios-data-types table tr td span { display: block; margin-top: 16px; text-align: center; } .product-support.iphone-extractor { /*padding-top: 130px;*/ padding-top: 0px; } .product-support.iphone-extractor .container { padding-top: 100px; min-height: 530px; background: url(../png/bg_all_itunes_backup_files.png) right bottom no-repeat; } /** * Photo Eraser */ .photo-eraser-easily, .photo-eraser-repair { padding-top: 66px; padding-bottom: 108px; text-align: center; } .photo-eraser-easily ul { list-style: none; text-align: left; margin-bottom: 50px; } .photo-eraser-easily ul li { background: url(../png/icon_yes_blue.png) 0px 8px no-repeat; padding-left: 32px; width: 50%; margin-bottom: 14px; float: left; } .photo-eraser-remove-watermark { padding-top: 66px; padding-bottom: 108px; background: url(../jpg/bg-photo-eraser-remove.jpg) left top no-repeat; background-size: cover; text-align: center; } .photo-eraser-erase-wrinkles, .photo-eraser-erase, .photo-eraser-remove { padding-top: 66px; padding-bottom: 108px; background-color: #f6f5f5; text-align: center; } .photo-eraser-clone, .photo-eraser-objects { padding-top: 140px; padding-bottom: 140px; } .photo-eraser-step { padding-top: 90px; padding-bottom: 100px; background-color: #f9f9fa; } .photo-eraser-features { padding-top: 100px; padding-bottom: 100px; text-align: center; } .photo-eraser-easily h2, .photo-eraser-features h3, .photo-eraser-step h3, .photo-eraser-clone h3, .photo-eraser-erase-wrinkles h3, .photo-eraser-repair h3, .photo-eraser-erase h3, .photo-eraser-remove-watermark h3, .photo-eraser-remove h3, .photo-eraser-objects h3 { font-weight: bold; font-size: 34px; color: #333333; } .photo-eraser-repair h3 { margin-bottom: 20px; } .photo-eraser-step h3 { margin-bottom: 80px; text-align: center; } .photo-eraser-features p, .photo-eraser-erase-wrinkles p, .photo-eraser-repair p, .photo-eraser-erase p, .photo-eraser-remove-watermark p, .photo-eraser-remove p, .photo-eraser-easily p { margin-bottom: 60px; font-size: 20px; color: #666666; } .photo-eraser-erase-wrinkles p, .photo-eraser-repair p, .photo-eraser-erase p, .photo-eraser-remove-watermark p, .photo-eraser-remove p { width: 70%; margin-left: auto; margin-right: auto; } .photo-eraser-easily .img-responsive { margin-left: auto; margin-right: auto; } .photo-eraser-erase-wrinkles .img, .photo-eraser-repair .img, .photo-eraser-erase .img, .photo-eraser-remove-watermark .img { padding-left: 3%; padding-right: 3%; } .photo-eraser-remove .img { padding-left: 7%; padding-right: 7%; } .photo-eraser-features .item { padding-top: 40px; padding-bottom: 40px; } .photo-eraser-features dl { margin-top: 30px; } .photo-eraser-features dl dt { margin-bottom: 20px; font-size: 18px; color: #333333; } .photo-eraser-clone .item-img { float: left; width: 56%; } .photo-eraser-objects .item-img { float: right; width: 56%; } .photo-eraser-clone .item-img .item, .photo-eraser-objects .item-img .item { position: relative; float: left; width: 50%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .photo-eraser-clone .item-desc { float: right; width: 38%; padding-top: 120px; } .photo-eraser-objects .item-desc { float: left; width: 38%; padding-top: 120px; } .photo-eraser-clone p, .photo-eraser-objects p { line-height: 32px; font-size: 20px; color: #666666; } .photo-eraser-easily .img-responsive, .photo-eraser-remove .img-responsive, .photo-eraser-objects .img-responsive, .photo-eraser-remove-watermark .img-responsive, .photo-eraser-erase .img-responsive, .photo-eraser-repair .img-responsive, .photo-eraser-clone .img-responsive { -webkit-box-shadow: 0px 0px 90px #e6e3d2; -moz-box-shadow: 0px 0px 90px #e6e3d2; box-shadow: 0px 0px 90px #e6e3d2; } .photo-eraser-step .tab-content { float: left; width: 56%; } .photo-eraser-step .nav { float: right; width: 38%; padding-top: 40px; padding-bottom: 30px; border-left: 2px solid #dddddd; } .photo-eraser-step .nav li { margin-left: -2px; margin-bottom: 42px; padding-left: 24px; border-left: 2px solid transparent; } .photo-eraser-step .nav li.active { border-left: 2px solid #faa30d; } .photo-eraser-step .nav li strong { display: block; margin-bottom: 6px; } .photo-eraser-step .nav li { font-size: 20px; } .photo-eraser-step .nav li.active a, .photo-eraser-step .nav li a:hover { color: #faa30d; text-decoration: none; } .table-no-bordered { border: none; } .table-no-bordered>thead>tr>th, .table-no-bordered>tbody>tr>th, .table-no-bordered>tfoot>tr>th, .table-no-bordered>thead>tr>td, .table-no-bordered>tbody>tr>td, .table-no-bordered>tfoot>tr>td { border: none; } .table-no-bordered>thead>tr>th, .table-no-bordered>thead>tr>td { border-bottom-width: 2px; } #resources dl a { color: #333333; } #resources dl dt { font-size: 16px; margin-bottom: 10px; } #resources dl dd { margin-bottom: 5px; } #resources dl dd.more a { font-size: 15px; text-decoration: underline; } .product-whatsapp { background: url(../jpg/banner-whatsmate.jpg) center top no-repeat; /*background-size: cover; min-height: 700px;*/ } .product-whatsapp .nav>li>a { color: #FFFFFF; } .product-whatsapp .nav>li.dropdown>a { background: url(../png/arrow_dropdown_white.png) right center no-repeat; } .product-whatsapp .navbar .btn-search { background: url(../png/icon_search_white.png) left top no-repeat; } .product-whatsapp .whatsapp { height: 620px; padding-top: 80px; } .product-whatsapp .whatsapp h1 { font-weight: normal; } .product-whatsapp .whatsapp h1 strong { color: #17c23b; } .product-whatsapp .whatsapp .btn-banner { margin-top: 64px; } .product-whatsapp .btn-banner-download-whatsapp.windows { background: url("../png/icon_btn_windows.png") 20px center no-repeat; border: 2px solid #e1d5d6; border-radius: 4px; padding-left: 63px; } .product-whatsapp .btn-banner-download-whatsapp:hover, .product-whatsapp .btn-banner-download-whatsapp:active { border-color: #f2f0f0; color: #FFFFFF; } .product-whatsapp .btn-banner-buynow-whatsapp { width: 200px; padding-left: 78px; background: url("../png/icon_btn_buynow.png") #17c23b 26px center no-repeat; line-height: 24px; font-size: 18px; } .product-whatsapp .btn-banner-buynow-whatsapp:hover, .product-whatsapp .btn-banner-buynow-whatsapp:active { background-color: #16da3f; } .product-whatsapp .btn-banner-buynow-whatsapp span { color: #FFFFFF; } .whatsMate-Main { padding: 90px 0px 40px 0px; min-height: 780px; text-align: center; background: url(../png/bg_main_features.png) 47% 64px no-repeat; } .whatsMate-Main .img-responsive { margin-left: auto; margin-right: auto; } .whatsMate-Main .item { padding-top: 30px; } .whatsMate-Main h2 { font-size: 36px; color: #1c9d37; font-weight: 100; } .whatsMate-Main .carousel-inner { width: 86%; margin: 0 auto; } .whatsMate-Main .carousel-control.left { background: url(../png/btn_left.png) 0px 0px no-repeat; width: 25px; height: 46px; top: 320px; bottom: auto; } .whatsMate-Main .carousel-control.right { background: url(../png/btn_right.png) 0px 0px no-repeat; width: 25px; height: 46px; top: 320px; bottom: auto; } .whatsMate-Main .item dl { width: 76%; margin: 20px auto; } .whatsMate-Main .item dl dt { margin-bottom: 14px; font-size: 18px; color: #0e273c; } .supported-whatsApp-files { padding: 60px 0px 100px 0px; } .supported-whatsApp-files .box { float: left; width: 40%; padding: 30px 72px 0px 102px; } .supported-whatsApp-files .file-types { float: left; width: 60%; } .supported-whatsApp-files h2 { margin-bottom: 30px; text-align: center; font-size: 26px; color: #1c9d37; } .supported-whatsApp-files .file-types .item { float: left; width: 222px; height: 222px; text-align: center; font-size: 22px; font-weight: bold; color: #FFFFFF; padding-top: 54px; margin: 0px 6px 6px 0px; } .supported-whatsApp-files .img-responsive { margin: 0 auto 10px auto; } .supported-whatsApp-files .file-message { background-color: #24bd5e; } .supported-whatsApp-files .file-contacts { background-color: #f0bf28; } .supported-whatsApp-files .file-call-history { background-color: #4c98f5; } .supported-whatsApp-files .file-photos { background-color: #04b045; } .supported-whatsApp-files .file-video { background-color: #ef9b2e; } .supported-whatsApp-files .file-audio { background-color: #bf5cdc; } .fully-supported { background: url(../jpg/bg_fully_supported.jpg) #f2f8fc 14% 0% no-repeat; height: 548px; } .fully-supported .container { padding-left: 41%; padding-top: 100px; } .fully-supported h2 { font-size: 32px; color: #3dad00; } .fully-supported ul { padding: 20px 0px; list-style: none; } .fully-supported ul li { margin-bottom: 20px; } .whatsapp-hot-topics { padding-top: 88px; padding-bottom: 110px; } .whatsapp-hot-topics .item { float: left; width: 22.5%; min-height: 346px; margin-right: 3%; border: 1px solid #ececec; } .whatsapp-hot-topics .item.last { margin-right: 0; } .whatsapp-hot-topics .img-responsive { margin-left: auto; margin-right: auto; margin-bottom: 18px; } .whatsapp-hot-topics .item-hot-topic { background-color: #2db843; border-color: #5ec96f; text-align: center; font-size: 26px; color: #FFFFFF; padding-top: 102px; } .whatsapp-hot-topics dl { padding: 0px 18px; } .whatsapp-hot-topics dl dt { font-size: 17px; color: #3dad00; margin-bottom: 6px; } .whatsapp-hot-topics dl dd { word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ } .whatsapp-hot-topics dl dd a { font-size: 14px; color: #333333; text-decoration: underline; } .whatsapp-hot-topics dl dd a:hover, .whatsapp-hot-topics dl dd a:active { color: #3dad00; } .whatsapp-feedback { height: 646px; padding-top: 70px; padding-bottom: 40px; background: url(../jpg/bg_feedback.jpg) #eaf1f5 left top repeat-x; } .whatsapp-feedback h2 { text-align: center; } .whatsapp-feedback h2 span { display: block; font-weight: normal; color: #3dad00; } .whatsapp-feedback .item { position: relative; float: left; width: 46%; margin: 32px 2% 0px 2%; background-color: #ffffff; border: 1px solid #c9d3d6; padding: 1px; -webkit-box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.3); } .whatsapp-feedback .img-responsive { float: left; } .whatsapp-feedback p { padding: 18px 14px 0px 182px; } .whatsapp-feedback p span { display: block; text-align: right; font-weight: bold; font-style: italic; } .whatsapp-feedback .arrow { position: absolute; bottom: -8px; right: 31px; width: 16px; height: 8px; background: url(../png/arrow_whatsapp_feedback.png) left top no-repeat; } .product-whatsapp .site-safe ul li.guarantee { padding-left: 104px; padding-top: 80px; background: url(../png/img_30-days-money-back-guarantee-green.png) 20px 76px no-repeat; } .product-whatsapp .site-safe ul li.service { padding-left: 82px; padding-top: 80px; background: url(../png/img_free-customer-service-green.png) 20px 72px no-repeat; } .product-whatsapp .site-safe ul li.safe { padding-left: 70px; padding-top: 80px; background: url(../png/img_clean-and-safe-green.png) 20px 62px no-repeat; } .product-whatsapp .site-safe ul li.payment { padding-left: 82px; padding-top: 80px; background: url(../png/img_secure-online-payment-green.png) 20px 62px no-repeat; } /* = video editor -------------------------------------------- */ .video-editor-desc { padding-top: 70px; padding-bottom: 90px; background-color: #dae9f2; text-align: center; color: #000000; } .video-editor-desc h2, .video-editor-rotate-video h2 { margin-bottom: 40px; font-size: 44px; } .video-editor-desc p { margin-bottom: 60px; font-size: 20px; } .video-editor-function { padding-top: 70px; padding-bottom: 100px; background-color: #152f40; color: #FFF; font-size: 20px; } .video-editor-function h2 { text-align: center; margin-bottom: 80px; font-size: 44px; } .video-editor-function h3 { margin-top: 0px; margin-bottom: 30px; font-size: 36px; } .video-editor-function .hr { background: url(../png/img-video-editor-line.png) left top no-repeat; height: 2px; margin-top: 30px; margin-bottom: 30px; } .video-editor-rotate-video { padding-top: 80px; padding-bottom: 90px; text-align: center; background-color: #dae9f2; font-size: 20px; } .video-editor-rotate-video p { margin-bottom: 50px; } .video-editor-rotate-video .col-md-6 { padding-right: 10px; padding-left: 10px; } .video-editor-addvideo { padding-top: 90px; padding-bottom: 90px; /* background-color: #c2e0f2; display: flex; flex-wrap: wrap; align-items: center; */ color: #152f40; font-size: 20px; } .video-editor-support { padding-top: 90px; padding-bottom: 90px; background-color: #dae9f2; /* display: flex; flex-wrap: wrap; align-items: center; */ color: #4c4c4c; font-size: 20px; } .video-editor-addvideo .row, .video-editor-support .row { display: flex; flex-wrap: wrap; align-items: center; } .video-editor-support h3, .video-editor-addvideo h3 { font-size: 42px; margin-bottom: 40px; } .video-editor-functions { background-color: #c2e0f2; padding-top: 90px; padding-bottom: 70px; } .video-editor-functions h2 { margin-bottom: 100px; text-align: center; font-size: 44px; } .video-editor-functions .item { float: left; width: 14.4%; margin-right: 7%; text-align: center; } .video-editor-functions .item.after { margin-right: 0; } .video-editor-functions .item:hover img { transform: scale(1.1) } .video-editor-functions p { margin-bottom: 36px; font-size: 20px; padding-top: 18px; padding-bottom: 18px; } .video-editor-ready { padding-top: 80px; padding-bottom: 70px; background-color: #152f40; text-align: center; color: #FFF; } .video-editor-ready h2 { font-size: 44px; margin-bottom: 90px; } .video-editor-ready .item { position: relative; float: left; width: 31.66%; min-height: 200px; margin: 0.8%; } .video-editor-ready .item p { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; margin: 0; background: rgba(0, 0, 0, .7); color: #fff; text-align: center; font-size: 30px; line-height: 60px; min-height: 60px; } .video-editor-ready .item:after, .video-editor-ready .item:before { content: ''; z-index: 2; width: 0; height: 0; visibility: hidden; position: absolute; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out } .video-editor-ready .item:after { top: 0; left: 0; border-top: 4px solid #0071d1; border-left: 4px solid #0071d1 } .video-editor-ready .item:before { bottom: 0; right: 0; border-bottom: 4px solid #0071d1; border-right: 4px solid #0071d1 } .video-editor-ready .item:hover:after, .video-editor-ready .item:hover:before { width: 100%; height: 100%; visibility: visible } .video-editor-comment { background: url(../jpg/bg_feedback-2.jpg) #eaf1f5 left top repeat-x; background-size: cover; padding-top: 60px; min-height: 550px; text-align: center; } .video-editor-comment .title { margin-bottom: 40px; font-size: 34px; font-weight: 400; } .video-editor-comment .item { padding: 44px 70px; background-color: #FFF; border-radius: 8px; min-height: 260px; } .video-editor-comment .item .img-responsive { margin: 0px auto 20px auto; } .video-editor-comment .item p { position: relative; background: url(../png/icon-quot-left-2.png) 0px 0px no-repeat; padding-left: 50px; padding-right: 50px; } .video-editor-comment .item p span { position: absolute; right: 0; bottom: -14px; display: inline-block; width: 30px; height: 23px; background: url(../png/icon-quot-right-2.png) left top no-repeat; } .recommendations .carousel-inner { width: 86%; margin: 0 auto; } .video-editor-comment .carousel-indicators { bottom: -80px; } .video-editor-comment .carousel-indicators li { width: 12px; height: 12px; border: none; background: url(../png/icon-dotted.png) left top no-repeat; } .video-editor-comment .carousel-indicators li.active { width: 12px; height: 12px; border: none; background: url(../png/icon-dotted-active.png) left top no-repeat; } /* = reviews -------------------------------------------- */ .reviews { padding: 10px 0px 80px 0px; } .reviews h1 { font-size: 28px; margin-top: 0px; } .reviews-head { padding: 20px 0px 40px 0px; border-bottom: 1px dotted #cecece; } .reviews-content { padding: 40px 0px; } .comment-item { margin-bottom: 30px; } .comment-user { float: left; width: 13%; padding: 10px 0px; text-align: center; } .comment-name { font-weight: bold; } .comment-data { line-height: 20px; font-size: 12px; color: #b4bbc5; } .comment-content { position: relative; float: left; width: 67%; margin-left: 20px; padding: 1em 1.4em; font-size: 15px; color: #444444; line-height: 24px; z-index: 999; background-color: #f6f8f3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); } .comment-content:before, .comment-content:after { content: ''; width: 0; height: 0; position: absolute; display: block; } .comment-content:before { top: 22px; bottom: auto; left: -16px; border-style: solid; border-width: 8px 16px 14px 0; border-color: transparent #f6f8f3; } .comment-content:after { top: 22px; bottom: auto; left: -16px; border-style: solid; border-width: 8px 16px 0px 0; border-color: transparent #f6f8f3; } .comment-like { float: left; width: 18%; text-align: center; font-size: 15px; } .comment-like .like-zan, .comment-like .like-cai { background: none; font-size: 16px; } .comment-like .like-zan:hover, .comment-like .like-zan:active, .comment-like .like-cai:hover, .comment-like .like-cai:active, .comment-like .like-zan.disabled, .comment-like .like-cai.disabled { color: #3695d7; } .comment-form .control-label { font-weight: normal; } .rating ul { float: left; width: 120px; list-style: none; padding: 10px 0 0; margin: 0; } .rating ul li { float: left; width: 16px; height: 16px; margin-right: 2px; cursor: pointer; } .rating ul li.on, .rating ul li.hover { background: url("../png/icon-star-small.png") 0px 0px no-repeat; } .rating ul li, .rating ul li.nohover { background: url("../png/icon-star-small-gary.png") 0px 0px no-repeat; } .rating .tips { padding-top: 8px; font-size: 15px; } .home-banner .stars, .home-banner .stars-half, .home-banner .stars-gary { display: inline-block; width: 15px; height: 15px; vertical-align: middle; text-indent: -9999px; } .home-banner .stars { height: 14px; background: url("../png/icon_stars.png") center center no-repeat; } .home-banner .stars-half { background: url("../png/icon_stars_half.png") center center no-repeat; } .home-banner .stars-gary { background: url("../png/icon_stars_gary.png") center center no-repeat; } .comment-star .stars, .comment-star .stars-half, .comment-star .stars-gary { display: inline-block; width: 16px; height: 16px; vertical-align: middle; text-indent: -9999px; } .comment-star .stars { background: url("../png/icon-star-small.png") center center no-repeat; } .comment-star .stars-half { background: url("../png/icon-star-half-small.png") center center no-repeat; } .comment-star .stars-gary { background: url("../png/icon-star-small-gary.png") center center no-repeat; } .reviews-head .review-show { border: solid 1px #e5e5e5; padding: 7px 15px; border-radius: 5px; float: left; margin-right: 10px; } .review-show .stars, .review-show .stars-half, .review-show .stars-gary { display: inline-block; width: 25px; height: 25px; vertical-align: middle; text-indent: -9999px; } .review-show .num { display: inline-block; margin-left: 6px; font-size: 18px; padding-top: 1px; } .review-show .stars { background: url("../png/icon-star.png") center center no-repeat; } .review-show .stars-half { background: url("../png/icon-star-half.png") center center no-repeat; } .review-show .stars-gary { background: url("../png/icon-star-gary.png") center center no-repeat; } .reviews-head .btn-add-review { padding-top: 7px; padding-bottom: 7px; font-size: 18px; } /** .store-page -------------------------------------------*/ .store-page {} .store-page .nav-list { margin: 0 auto; padding-top: 0; width: 100%; height: 55px; background-color: #259bd6; text-align: center; } .store-page .nav-list>li { float: none; display: inline-block; } .store-page .nav-list>li>a { padding: 0px 20px; line-height: 54px; font-size: 16px; color: #c9edff; } .store-page .nav-list>li.active>a, .store-page .nav-list>li.active>a:focus, .store-page .nav-list>li.active>a:hover { font-weight: bold; text-decoration: none; color: #FFFFFF; } .store-page .nav-list>li>a, .store-page .nav-list>li>a:focus, .store-page .nav-list>li>a:hover, .store-page .nav-list>li>a:active { text-decoration: none; } .tab-store h2 { margin: 30px 0px 20px 0px; font-size: 24px; color: #172a39; } .tab-store .item { padding: 24px 0px; border-top: 1px solid #fafafa; } .tab-store .box { float: left; width: 18%; padding-right: 3%; } .tab-store dl { float: left; width: 46%; padding-top: 26px; padding-right: 8%; } .tab-store dl dt { font-size: 18px; margin-bottom: 8px; } .tab-store .box .img-responsive { width: 130px; } .tab-store .btn-area { padding-top: 20px; } .tab-store .btn-area a { display: inline-block; width: 120px; height: 37px; border-style: solid; border-radius: 3px; border-width: 2px; font-size: 14px; text-decoration: none; text-align: center; line-height: 34px; font-weight: bold; vertical-align: bottom; margin-right: 16px; } .tab-store .btn-area a.down { color: #addff2; border-color: #a5dbf1; } .tab-store .btn-area a.down:hover, .tab-store .btn-area a.down:active { color: #9dd6ec; border-color: #92d6f1; } .tab-store .btn-area a.buy { padding-right: 27px; color: #f6b587; border-color: #f7c099; } .tab-store .btn-area a.buy:hover, .tab-store .btn-area a.buy:active { color: #ecab7d; border-color: #ecab7d; } .tab-store .btn-area a.win { background: url(../png/icon-win-pink.png) 84px 7px no-repeat; } .tab-store .btn-area a.mac { background: url(../png/icon-mac-pink.png) 84px 7px no-repeat; } .tab-store .btn-area .price { display: inline-block; height: 37px; line-height: 37px; color: #eb6100; } .tab-store .btn-area .price s { display: block; color: #172a39; } /* purchase-support */ .store-support { padding: 0px; margin: 90px auto 30px auto; border: 1px solid #fbfbfb; -webkit-box-shadow: 0px 0px 72px #f9f9f9; -moz-box-shadow: 0px 0px 72px #f9f9f9; box-shadow: 0px 0px 72px #f9f9f9; } .store-support dl { text-align: center; padding: 140px 20px 50px 20px; border-right: 1px solid #fbfbfb; margin-bottom: 0; min-height: 286px; } .store-support dl dt { margin-bottom: 10px; font-size: 18px; color: #384e72; } .store-support dl dd { font-size: 14px; color: #202020; } .store-support .secure { background: url("../png/icon-secure.png") center 50px no-repeat; } .store-support .support { background: url("../png/icon-support.png") #fdfdfd center 50px no-repeat; } .store-support .money-back { background: url("../png/icon-money-back.png") center 50px no-repeat; } .store-support .updates { background: url("../png/icon-updates.png") #fdfdfd center 50px no-repeat; border-right: none; } /** = .sub-faq-banner *****************************************/ .sub-faq-banner, .sub-support-banner { height: 194px; background: url(../jpg/bg_resourcepage.jpg) center center no-repeat; background-size: cover; max-height: 273px; padding-top: 34px; padding-bottom: 10px; text-align: center; color: #ffffff; } .sub-faq-banner { padding-top: 0; } .sub-faq-banner h1, .sub-support-banner h1 { font-size: 36px; } .sub-faq-banner p, .sub-support-banner p { font-size: 18px; } .sub-faq-banner .breadcrumb { background: none; text-align: left; margin-left: -15px; } .faq-page { padding-top: 36px; padding-bottom: 36px; } .faq-item { width: 94%; height: 84px; margin: 0 auto 14px auto; border-bottom: 1px solid #fafafb; } .faq-item:before, .faq-item:after { display: table; content: " "; } .faq-item:after { clear: both; } .faq-item:hover, .faq-item:active { cursor: default; border-color: #1194de; } .faq-item .arrow { float: left; width: 60px; height: 76px; line-height: 76px; text-align: center; } .faq-item .arrow span { display: inline-block; width: 34px; height: 34px; vertical-align: middle; text-indent: -99999px; background: url(../png/icon_arrow_faq.png) center center no-repeat; } .faq-item dl { padding: 24px 24px 24px 84px; } .faq-item dl dt { font-size: 20px; color: #2c2c2c; } .faq-item dl dt span { color: #1483d7; } .faq-item dl dd { display: none; font-size: 16px; color: #797979; } .faq-item dl dd span { color: #0086cf; } .faq-item.active { height: auto; min-height: 140px; border-color: #1194de; } .faq-item.active .arrow { text-align: center; border-right: 1px solid transparent; } .faq-item.active .arrow span { width: 34px; height: 34px; background: url(../png/icon_arrow_faq_active.png) center center no-repeat; } .faq-item.active dl dd { display: block; } .support-about { width: 70%; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #fbfbfc; text-align: center; font-size: 16px; } .support-about h2 { margin-bottom: 30px; font-size: 26px; color: #333333; } .support-about span { color: #7ac2ff; } .support-list { margin: 80px auto 60px auto; border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 72px #fafafa; -moz-box-shadow: 0px 0px 72px #fafafa; box-shadow: 0px 0px 72px #fafafa; } .support-list .item { min-height: 336px; padding: 34px 26px; border-right: 1px solid #fafafa; } .support-list .item dl { margin: 0; } .support-list .item dl dt { font-size: 18px; color: #333; margin-bottom: 16px; } .support-list .item dl dd { margin-bottom: 10px; font-size: 14px; } .support-list .item dl dd span { color: #0082cf; } .support-list .item dl dd a { text-decoration: underline; } .support-list .registrationCode { background: url(../jpg/bg_rrc.jpg) left top no-repeat; background-size: cover; color: #FFF; margin-bottom: 16px; } .support-list .registrationCode .title { margin-top: 0; font-size: 18px; } .support-list .registrationCode .btn-submit { background-color: #ffffff; font-size: 16px; color: #00759d; border-radius: 0; float: right; } .slider-support { padding-top: 30px; } .slider-support h2 { margin-bottom: 40px; font-weight: bold; font-size: 26px; color: #333333; text-align: center; } .slider-support .slider .slide { text-align: center; font-size: 16px; } .slider-support .slider .img-responsive { width: 70%; margin: 0 auto; } .slider-support .slider p { margin-top: 20px; } .slider-support .slider a { color: #333333; } .slider-support .slider a:hover, .slider-support .slider a:active { color: #5bbbff; text-decoration: none; } .choose-country { margin-top: 40px; margin-bottom: 40px; } .choose-country .table .table { margin-bottom: 0px; } .choose-country caption { font-size: 24px; line-height: 36px; border-bottom: solid 1px #e6e6e6; padding-bottom: 10px; } .choose-country { border: 1px solid #c7d6d7; } .choose-country td, .choose-country table { border: none; } .choose-country img { vertical-align: middle; margin-right: 2px; } .choose-country tr td a { text-decoration: none; font-weight: normal; } .sitemap { padding-top: 10px; padding-bottom: 40px; } .sitemap h1 { font-size: 26px; } .sitemap .tipsResource, .usefulLinks { margin: 14px 0px; } .sitemap .tipsResource dt, .sitemap .usefulLinks dt { font-size: 18px; font-weight: bold; } .sitemap .usefulLinks dd { display: inline-block; margin-right: 20px; } .sitemap .tipsResource dd a, .sitemap .usefulLinks dd a { text-decoration: underline; } .sitemap .tipsResource dd a:hover, .sitemap .usefulLinks dd a:hover { color: #00AEFF; } .sitemap .nav-tabs { list-style: none; margin: 20px 0 0 0; padding: 0; overflow: hidden; border-bottom: none; } .sitemap .nav-tabs li:first-child { padding-left: 0px; } .sitemap .nav-tabs li a { padding: 10px 15px; } .sitemap .nav-tabs li.active a { text-decoration: none; color: #f07a23; } .sitemap .tab-content { margin: 20px 0px 0px 0px; } .sitemap .tab-content .tab-pane { color: #6a6969; } .sitemap .tab-content h2 { font-size: 22px; margin-top: 0px; } .sitemap .tab-content .tab-pane { display: none; } .sitemap .tab-content .active { display: block; } .sitemap .tab-content table { width: 100%; } .sitemap .tab-content table tr td { border: 1px solid #cadfe5; background-color: #FFF; } .sitemap .tab-content table tr td a { text-decoration: underline; color: #0066CC; } .sitemap .tab-content table tr td a:hover { color: #00AEFF; } /* = order -------------------------------------------- */ @keyframes spinner-line-fade-more { 0%, 100% { opacity: 0; /* minimum opacity */ } 1% { opacity: 1; } } @keyframes spinner-line-fade-quick { 0%, 39%, 100% { opacity: 0.25; /* minimum opacity */ } 40% { opacity: 1; } } @keyframes spinner-line-fade-default { 0%, 100% { opacity: 0.22; /* minimum opacity */ } 1% { opacity: 1; } } .pay-btn { padding-left: 30%; padding-right: 30%; /*background: url("../img/pay-btn-bg.png") center 52% no-repeat;*/ text-align: center; } .paypal { display: none !important; } .shareit { margin-top: 30px; margin-bottom: 30px; } .shareit .btn-shareit { min-width: 172px; height: 36px; line-height: 22px; border-radius: 36px; font-size: 15px; color: #FFFFFF; background-color: #fe5e1e; } .paypal .btn-settlement, .paypal .btn-settlement:hover, .paypal .btn-settlement:active { margin-top: 6px; min-width: 172px; height: 36px; background: url(../png/bt_paypal.png) left top no-repeat; text-indent: -9999px; border: none; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .paypal .form-control { width: 172px; margin-left: auto; margin-right: auto; border-radius: 36px; text-align: center; } .order-success { height: 194px; background: url(../jpg/bg_resourcepage.jpg) center center no-repeat; background-size: cover; max-height: 273px; padding-top: 34px; padding-bottom: 10px; text-align: center; color: #ffffff; } .order-success h1 { font-size: 36px; } .order-success-container { padding-top: 50px; padding-bottom: 60px; padding-left: 24%; padding-right: 24%; } .order-success-container h2 { margin-bottom: 40px; font-size: 24px; color: #f38023; } .order-success-container p { margin-bottom: 16px; font-size: 18px; font-weight: bold; } .order-success-container p span { display: inline-block; margin-left: 6px; font-weight: normal; } .order-success-container .page-link { padding-top: 20px; } .order-success-container .page-link a { display: inline-block; margin-right: 38px; font-size: 18px; font-weight: bold; color: #259bd6; text-decoration: underline; } .order-success-container .page-link a:hover, .order-success-container .page-link a:active { color: #35b4f3; } .ranted-product { padding-top: 30px; padding-bottom: 60px; border-top: 1px solid #eaedee; } .ranted-product h3 { font-size: 26px; font-weight: bold; } .ranted-product .item { float: left; width: 50%; padding-top: 60px; padding-bottom: 10px; } .ranted-product .item .box { float: left; width: 36%; padding-right: 10%; } .ranted-product .item dl { float: left; width: 64%; padding-top: 14px; } .ranted-product .item dl dt { margin-bottom: 14px; font-size: 18px; color: #172a39; } /* = clear -------------------------------------------- */ .site-safe ul:before, .site-safe ul:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .product-list:before, .product-list:after, .product-recover-files ul:before, .product-recover-files ul:after, .product-safe-efficient dl dt:before, .product-safe-efficient dl dt:after, .product-photo-recovery-types:before, .product-photo-recovery-types:after, .product-files-recovery-types:before, .product-files-recovery-types:after, .reviews-head:before, .reviews-head:after, .comment-item:before, .comment-item:after, .dropdown-product:before, .dropdown-product:after, .item:before, .item:after, .system:before, .system:after, .product-action:before, .product-action:after, .pay-btn:before, .pay-btn:after, .desc-btn:before, .desc-btn:after, .feedback-ir p:before, .feedback-ir p:after, .product-desc-step-pr:before, .product-desc-step-pr:after, .photo-eraser-easily ul::after, .photo-eraser-easily ul::before { display: table; content: " "; } .site-safe ul:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .product-list:after, .product-recover-files ul:after, .product-safe-efficient dl dt:after, .product-photo-recovery-types:after, .product-files-recovery-types:after, .reviews-head:after, .comment-item:after, .dropdown-product:after, .item:after, .system:after, .product-action:after, .pay-btn:after, .desc-btn:after, .feedback-ir p:after, .product-desc-step-pr:after, .photo-eraser-easily ul::after { clear: both; } @media (min-width: 992px) and (max-width: 1199px) { .dropdown-product dl dt { font-size: 16px; } .home-product .pro-phonedatatransfe { height: 440px; padding-top: 40px; } .resource-list-product .title { font-size: 24px; } .banner-iphone h1 { font-size: 24px; } .banner-iphone p { font-size: 18px; } .product-banner h1 { font-size: 46px; } .product-desc h2, .product-recover-files h2, .product-desc-step h2, .product-extractor-desc h2, .ios-data-types h2 { font-size: 30px; } .product-banner.video-editor .brief-introduction { font-size: 42px; } .product-banner.video-editor .link a { margin-right: 20px; } .product-banner.video-editor .btn-download-area, .product-banner .btn-buy-area { margin-right: 0; } } @media (max-width: 1199px) { .home-product { width: 100%; } .home-product .pro-phonedatatransfe { padding-top: 20px; height: 344px; } .home-product .pro-phonedatatransfe h4 { font-size: 36px; } } @media (min-width: 768px) and (max-width: 991px) { .resource-list-product .title { font-size: 18px; } .resource-list-product .text p { font-size: 15px; } .support .item, .support-product .product-list li a { width: 48%; margin-bottom: 20px; } .support .item, .support-product .product-list li a, .support-product .product-list li.last a { margin-right: 2%; } } @media (min-width: 768px) and (max-width: 1199px) { .home-product img { left: 26%; } .product-transfer-modes dl dt, .product-safe-efficient dl dt, .product-user-risk dl dt, .product-dataLoss-situations dl dt, .product-photo-recovery-types dl dt, .product-files-recovery-types dl dt { font-size: 24px; } } @media (max-width: 1120px) { .home-product dl dd { padding-left: 15px; padding-right: 15px; } .feedback .carousel { padding-left: 10px; padding-right: 10px; } .support-banner .title { font-size: 32px; } .product-nav .item a { min-height: 130px; } .site-info { height: auto; } .site-info-link { float: none; padding-top: 12px; } .site-info-link a { line-height: 26px; } .copyright { float: none; } } @media (max-width: 991px) { .product-nav .col-xs-4 { width: 50%; } .resource dl { min-height: auto; } .quickLink dl.resource, .quickLink dl.hot-topic, .quickLink dl.company, .quickLink .site-link, .quickLink .popularGuides { width: 50%; } .resource-topics ul li { margin-bottom: 16px; } .product-support, .product-support.iphone-recovery .container, .product-support.photo-recovery .container, .product-support.file-recovery .container, .product-user-risk, .product-itunes-backup-unlocker-format dl, .product-android-manager-recover-format dl, .product-support.android-manager .container, .product-user-risk.android-manager .container, .product-user-risk.hd-video-converter .container, .product-swf-converter-recover-format dl, .product-support.swf-converter .container { background-color: #333333; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; color: #FFFFFF; } .product-user-risk { color: #333333; } .product-support h3 { font-size: 30px; } .product-desc h2, .product-recover-files h2, .product-desc-step h2, .product-extractor-desc h2, .ios-data-types h2 { font-size: 28px; } .product-action-progress { display: none; } .product-banner h1 { font-size: 36px; } .product-banner p { font-size: 20px; } .support, .support-product-detailed { padding-left: 15px; padding-right: 15px; } .support .item { width: 100%; margin-right: 0%; margin-bottom: 20px; } .banner-iphone, .banner-android { height: 550px; } .banner-iphone .btn-more { min-width: 184px; height: 52px; line-height: 40px; background-color: #0fb71f; font-size: 24px; color: #FFFFFF; border: none; } .banner-iphone .btn-more:hover, .banner-iphone .btn-more:active { height: 52px; background-color: #0ae81f; } .android-html5, .iphone-html5 { display: none; } .home-product .pro-iphonebackupextractor, .home-product .pro-photorecovery, .home-product .pro-filerecovery, .home-product .pro-phonedatatransfe { width: 100%; } .home-product img { left: 35%; } .product-dataLoss-situations .img, .product-photo-recovery-types .left, .product-files-recovery-types .left, .product-photo-recovery-types .right, .product-files-recovery-types .right { float: none; width: 100%; background-size: cover; } .product-dataLoss-situations dl { float: none; width: 100%; margin-top: 20px; } .product-transfer-modes dl dt, .product-safe-efficient dl dt, .product-dataLoss-situations dl dt, .product-photo-recovery-types dl dt, .product-files-recovery-types dl dt { font-size: 18px; } .product-transfer-modes dl dd, .product-safe-efficient dl dd, .product-user-risk dl dd, .product-dataLoss-situations dl dd, .product-photo-recovery-types dl dd, .product-files-recovery-types dl dd { font-size: 16px; } .product-privacy-eraser-situations dl dt, .product-swf-converter-situations dl dt, .product-itunes-backup-unlocker-situations dl dt, .product-video-converter-situations dl dt, .product-pdf-password-remover-situations dl dt, .product-mobile-privacy-eraser-situations dl dt, .product-android-manager-situations dl dt { font-size: 20px; } .product-transfer-between-devices .container { padding-left: 15px; padding-right: 15px; } .product-itunes-backup-unlocker-format, .product-android-manager-recover-format, .product-hd-video-converter-recover-format, .product-swf-converter-recover-format, .product-pdf-password-remover-recover-format { padding: 70px 80px 70px 2%; } .product-support.phone-transfer, .fully-supported, .product-support.itunes-backup-unlocker, .product-support.hd-video-converter .container, .product-hd-video-converter-recover-format dl, .product-pdf-password-remover-recover-format dl, .product-support.pdf-password-remover .container, .product-user-risk.pdf-password-remover dl { background-color: #5e5e5e; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; color: #FFFFFF; } .product-transfer-modes, .product-safe-efficient .container, .fully-supported { background-image: none; } .product-support.phone-transfer h3, .product-support.itunes-backup-unlocker h3, .product-user-risk.android-manager h3, .product-support.hd-video-converter a, .product-support.android-manager a, .product-user-risk.hd-video-converter a, .product-support.swf-converter h3, .product-user-risk.pdf-password-remover dl dt { color: #FFF; } .product-swf-converter-recover-format dl, .product-itunes-backup-unlocker-format dl, .product-user-risk.pdf-password-remover dl { padding: 20px 30px; } .product-extractor-desc .item { min-height: 164px; } .product-support.swf-converter .container, .product-support.pdf-password-remover .container { min-height: 400px; } .product-transfer-modes dl, .product-safe-efficient dl, .product-user-risk dl { float: none; width: 100%; } .content, .sidebar { float: none; width: 100%; margin-bottom: 20px; } .tab-store dl { padding-top: 0px; } .tab-store .btn-area a { width: 100px; margin-right: 0px; font-size: 12px; } .tab-store .btn-area a.win, .tab-store .btn-area a.mac { background-position: 72px 8px; } .product-desc .item { width: 30%; } .product-extractor-desc .item { width: 19%; } .ios-data-types table tr td span { font-size: 14px; } .supported-whatsApp-files h2 { font-size: 20px; } .supported-whatsApp-files .box { padding: 30px 40px 0px 60px; } .product-user-risk.itunes-backup-unlocker { background-size: 100%; } .fully-supported .container { padding-left: 0; } .whatsapp-hot-topics .item { width: 47%; margin-bottom: 12px; } .whatsapp-feedback { height: auto; background-repeat: repeat; } .whatsapp-feedback .item { width: 96%; } .photo-eraser-easily, .photo-eraser-repair, .photo-eraser-remove-watermark, .photo-eraser-erase-wrinkles, .photo-eraser-erase, .photo-eraser-remove, .photo-eraser-clone, .photo-eraser-objects, .photo-eraser-step, .photo-eraser-features { padding-top: 60px; padding-bottom: 70px; } .photo-eraser-easily h2, .photo-eraser-features h3, .photo-eraser-step h3, .photo-eraser-erase-wrinkles h3, .photo-eraser-repair h3, .photo-eraser-erase h3, .photo-eraser-remove-watermark h3, .photo-eraser-remove h3 { text-align: center; font-size: 28px; } .photo-eraser-objects h3, .photo-eraser-clone h3 { font-size: 22px; } .product-banner-new { min-height: auto; max-height: auto; height: auto; } .conversion-editing .right .img-responsive { float: none; } .recovery-methods-ir .desc { padding: 10px 0px 0px 0px; } .down-ir .btn-down-ir { width: 80%; } .product-support-ar .screen, .product-support-ar .desc, .feedback-4k .item, .feedback-ir .item, .feedback-ar .item { margin-bottom: 12px; min-height: auto; } .step-pr .step-pr-nav li.no-money, .step-pr .step-pr-nav li.no-data, .step-pr .step-pr-nav li.no-future { background-position: 0px 0px; } .step-fr-desc, .step-pr-desc { padding-left: 0; padding-right: 0; } .product-desc-pr .desc, .product-desc-pr .screen, .file-types-fr, .support-devices-desc-fr, .product-support-ar .screen, .product-support-ar .desc, .tips-tricks .update, .tips-tricks .tips, .product-banner-new .desc, .product-banner-new .screen, .whatsMate-desc .desc, .whatsMate-desc .screen, .whatsMate-devices .screen, .whatsMate-devices .desc, .col-xs-6, .feedback-4k .item, .feedback-ir .item, .feedback-ar .item, .related-articles ul li, .supported-whatsApp-files-new .screen, .supported-whatsApp-files-new .file-types, .browse-files-ir .screen, .browse-files-ir .desc, .support-devices-ie .item, .recovery-methods-ir .screen, .recovery-methods-ir .desc, .photo-eraser-features p, .photo-eraser-erase-wrinkles p, .photo-eraser-repair p, .photo-eraser-erase p, .photo-eraser-remove-watermark p, .photo-eraser-remove p, .photo-eraser-easily p, .photo-eraser-erase-wrinkles p, .photo-eraser-repair p, .photo-eraser-erase p, .photo-eraser-remove-watermark p, .photo-eraser-remove p, .explore-data-ie .item, .product-desc-ar .list, .product-desc-ar .nav-tab, .product-desc-ar .tab-content, .product-desc-ar .tab-content dl, .product-desc-ar .tab-content .screen, .product-step-ar .tab-content, .product-step-ar .list, .product-banner-new .desc, .product-banner-new .screen, .whatsMate-desc .desc, .whatsMate-desc .screen, .whatsMate-devices .screen, .whatsMate-devices .desc, .product-banner.video-editor .desc, .product-banner.video-editor .screen { float: none; width: 100%; } .support-devices-ie .item { margin-top: 20px; } .browse-files-ir .desc, .whatsMate-devices .desc { padding-left: 0; } .explore-data-ie .item { height: auto; } .product-desc-ar .tab-content .screen { margin-top: 20px; padding: 0; } .product-desc-ar .tab-content { padding: 2px 0px; } .photo-eraser-objects .item-desc, .photo-eraser-clone .item-desc { padding-top: 0px; } .photo-eraser-step .nav { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .photo-eraser-step .nav li, .product-step-ar .list { margin-bottom: 20px; } .product-banner.video-editor .product-banner.video-editor .brief-introduction { font-size: 30px; line-height: 34px; } .product-banner.video-editor .link a { margin-right: 20px; } .product-banner.video-editor .btn-download-area, .product-banner .btn-buy-area { margin-right: 0; } .video-editor-desc h2, .video-editor-rotate-video h2, .video-editor-function h2, .video-editor-support h3, .video-editor-addvideo h3, .video-editor-functions h2, .video-editor-ready h2 { font-size: 28px; margin-bottom: 30px; text-align: center; } .video-editor-ready .item { width: 48%; } .banner-video-editing .col-xs-offset-6{ padding: 0; margin: 0; width: 100%; } .banner-video-editing .video-editing-main:before { -webkit-transform: skewX(0deg); -ms-transform: skewX(0deg); transform: skewX(0deg); } .banner-video-editing .text { padding-top: 40px; } .banner-video-editing h1 { font-size: 28px; } .banner-video-editing p { font-size: 22px; } } @media (max-width: 767px) { .row { margin-left: 0px; margin-right: 0px; } .product-banner-new h1 { font-size: 20px; } .product-banner-new ul li { font-size: 14px; } .product-tab-nav a { margin: 0px 8px; font-size: 14px; } .quickLink dl.resource, .quickLink dl.hot-topic, .quickLink dl.company, .quickLink .site-link, .ranted-product .item, .col-xs-4 { width: 100%; } .product-banner-new .dropdown { margin-right: 0; } .resource-topics ul li { margin-bottom: 10px; } .resource-topics ul li a { font-size: 14px; } .breadcrumb, .resource-page, .step-ie .item { padding-left: 15px; padding-right: 15px; } .support-product .product-list li a { width: 100%; } .support-product .product-list li a, .support-product .product-list li.last a { margin-right: 0%; } .support-banner .title { font-size: 28px; } .product-banner h1 { font-size: 30px; } .product-banner p, .down-ir p { font-size: 16px; } .product-action-step { margin-bottom: 30px; } .ios-data-types table tr td span { font-size: 13px; } .resource-page h1, .resource-list-product .title { font-size: 20px; } .resource-list-product .text .img-responsive { margin-top: 0; } .resource-list-product .text, .resource-list-product .btn-area { float: none; width: 100%; background-size: cover; } .quickLink dl.resource, .quickLink dl.hot-topic, .quickLink dl.company, .quickLink .site-link, .quickLink .popularGuides { float: none; width: 100%; text-align: center; } .quickLink .popularGuides a { display: block; } .quickLink .form-control { margin-left: auto; margin-right: auto; } .store-page .nav-list>li>a { font-size: 14px; padding: 0px 8px; } .site-info-link { text-align: center; } .site-info-link a { display: block; } .tab-store .box { width: 26%; } .tab-store dl { padding-top: 0px; width: 70%; } .tab-store .btn-area { float: left; width: 100%; } .tab-store .btn-area a { width: 120px; margin-right: 16px; font-size: 14px; } .tab-store .btn-area a.win, .tab-store .btn-area a.mac { background-position: 84px 7px; } .resource-topics ul li { width: 33.33%; } .down-ir .btn-down-ir, .support-list .col-xs-4, .faq-item { width: 100%; } .down-ir .dropdown, .down-ir .dropbuy { margin: 0 2px; } .faq-page, .product-tab-nav .container { padding-left: 0; padding-right: 0; } .faq-item dl { padding-left: 70px; } .faq-item dl dt { font-size: 18px; } .bx-wrapper .bx-prev { left: -10px; } .bx-wrapper .bx-next { right: -10px; } .slider-support .slider p { font-size: 14px; } .sub-support-banner h1 { font-size: 30px; } .device-supported-ir { background: none; } .product-desc-step-ir .item, .device-supported-ir .left, .device-supported-ir .right, .how-work, .how-work .item, .step-fr-desc .item, .step-pr-desc .item, .step-fr .step-fr-nav, .how-work-fr .nav-tab, .how-work-fr .tab-content { width: 100%; float: none; padding-left: 0; padding-right: 0; } .step-fr-desc .item, .step-pr-desc .item { min-height: auto; margin-bottom: 20px; } .step-fr { background-position: 0px 10%; } .safe-ir { text-align: left; } .safe-ir .col-xs-4, .how-work-fr .title, .product-banner-new .desc { margin-bottom: 20px; } .reviews-ir .item, .recommendations .item { padding-left: 40px; padding-right: 40px; } .feedback-whatsapp .item { padding-left: 20px; padding-right: 20px; } .reviews-ir .item p, .recommendations .item p, .feedback-whatsapp .item p { padding-left: 10px; padding-right: 10px; background: none; font-size: 14px; } .recommendations .item p span { display: none; } .device-supported-ir .left .item { padding-right: 0; } .device-supported-ir .left .item p { margin-left: 80px; font-size: 14px; } .ir-desc-new .item { width: 48%; padding: 0px 4px; } .product-banner-new { padding-top: 20px; } .step-ie-warp { background: none; } .whatsMate-support .item-left, .whatsMate-support .item-right, .whatsMate-support .item-center { float: none; width: 100%; padding-top: 0; margin-bottom: 20px; } .feedback-4k .title, .feedback-ir .title, .feedback-ar .title, .down-ir .title, .device-supported-ir .title, .product-desc-step-ir .title, .recovery-methods-ir .title, .product-desc-4k .title, .conversion-editing .title, .related-articles .title, .ir-desc-new .title, .how-work .title, .product-down-4k .title, .product-desc-pr .title, .discover-features-fr .title, .step-pr .title, .product-desc-fr .title, .support-devices-fr .title, .tech-specs-fr .title, .browse-files-ir .title, .explore-data-ie .title, .step-ie .title, .support-devices-ie .title, .product-desc-ar .title, .product-support-ar .title, .product-step-ar .title, .tips-tricks .title, .whatsMate-Main-new .title, .whatsMate-computer .title, .supported-whatsApp-files-new .title, .whatsMate-support .title, .whatsMate-steps .title, .feedback-whatsapp .title, .video-editor-desc h2, .video-editor-rotate-video h2, .video-editor-function h2, .video-editor-support h3, .video-editor-addvideo h3, .video-editor-functions h2, .video-editor-ready h2 { width: 100%; font-size: 24px; } .whatsMate-steps .item { float: none; width: 100%; padding: 0; margin-bottom: 20px; } .whatsMate-steps, .whatsMate-support, .supported-whatsApp-files-new, .browse-files-ir, .tips-tricks, .feedback-4k, .feedback-ir, .feedback-ar, .product-step-ar, .product-support-ar, .product-desc-fr, .ir-desc-new, .product-desc-step-ir, .recovery-methods-ir, .device-supported-ir .left, .device-supported-ir .right, .reviews-ir, .feedback-ir, .safe-ir, .product-desc-4k, .how-work, .conversion-editing, .conversion-editing .desc, .product-desc-pr, .support-devices-fr, .discover-features-fr, .step-pr, .product-down-4k, .how-work-fr, .feedback-ir, .tech-specs-fr, .related-articles, .explore-data-ie, .step-ie, .support-devices-ie, .down-ir, .product-desc-ar, .whatsMate-desc, .whatsMate-computer, .whatsMate-devices, .feedback-whatsapp, .video-editor-desc, .video-editor-rotate-video, .video-editor-function, .video-editor-support, .video-editor-addvideo, .video-editor-functions, .video-editor-ready { padding-top: 20px; padding-bottom: 20px; } .supported-whatsApp-files-new .file-types .item { width: 162px; height: 162px; padding-top: 38px; } .whatsMate-devices .desc { padding: 0; } .feedback-ar .btn-group { width: 380px; } .feedback-whatsapp .btn-write, .feedback-whatsapp .btn-link, .feedback-ar .btn-write, .feedback-ar .btn-link { width: 180px } .how-work-fr .nav-tab { margin-bottom: 20px; } .discover-features-fr .desc { margin-bottom: 20px; } .banner-whatsapp-new .desc, .android-recovery-new .desc { padding-top: 20px; } .whatsMate-Main-new { padding: 20px 0px; } .how-work img { margin-left: auto; margin-right: auto; } .how-work { background: none; } .file-types-fr .item { width: 31.33%; margin: 1%; font-size: 12px; } .product-desc-pr .desc { padding: 0; } .product-desc-step-ir .item { margin-top: 20px; margin-bottom: 20px; } .product-desc-4k .item { width: 31.5%; margin-bottom: 10px } .photo-eraser-easily, .photo-eraser-repair, .photo-eraser-remove-watermark, .photo-eraser-erase-wrinkles, .photo-eraser-erase, .photo-eraser-remove, .photo-eraser-clone, .photo-eraser-objects, .photo-eraser-step, .photo-eraser-features { padding-top: 40px; padding-bottom: 60px; } .photo-eraser-easily h2, .photo-eraser-features h3, .photo-eraser-step h3, .photo-eraser-clone h3, .photo-eraser-erase-wrinkles h3, .photo-eraser-repair h3, .photo-eraser-erase h3, .photo-eraser-remove-watermark h3, .photo-eraser-remove h3, .photo-eraser-objects h3, .photo-eraser-step h3 { margin-bottom: 10px; text-align: center; font-size: 22px; } .photo-eraser-features p, .photo-eraser-erase-wrinkles p, .photo-eraser-repair p, .photo-eraser-erase p, .photo-eraser-remove-watermark p, .photo-eraser-remove p, .photo-eraser-easily p, .photo-eraser-erase-wrinkles p, .photo-eraser-repair p, .photo-eraser-erase p, .photo-eraser-remove-watermark p, .photo-eraser-remove p { width: 100%; margin-bottom: 40px; font-size: 16px; color: #666666; } .sliphover-container { font-size: 10px; } .photo-eraser-easily .img-responsive { margin-left: auto; margin-right: auto; } .photo-eraser-erase-wrinkles .img, .photo-eraser-repair .img, .photo-eraser-erase .img, .photo-eraser-remove-watermark .img, .photo-eraser-remove .img { padding-left: 0%; padding-right: 0%; } .photo-eraser-features .item { padding-top: 0px; padding-bottom: 20px; } .whatsMate-steps .btn-guid, .photo-eraser-features dl { margin-top: 20px; } .photo-eraser-clone .item-img, .photo-eraser-objects .item-img, .photo-eraser-clone .item-desc, .photo-eraser-objects .item-desc, .photo-eraser-step .tab-content, .photo-eraser-step .nav { float: none; width: 100%; padding-top: 0px; } .photo-eraser-easily .img-responsive, .photo-eraser-remove .img-responsive, .photo-eraser-objects .img-responsive, .photo-eraser-remove-watermark .img-responsive, .photo-eraser-erase .img-responsive, .photo-eraser-repair .img-responsive, .photo-eraser-clone .img-responsive, .photo-eraser-erase-wrinkles .img-responsive { margin-bottom: 20px; } .photo-eraser-clone p, .photo-eraser-objects p { margin-bottom: 40px; text-align: center; } .photo-eraser-step .nav { margin-top: 20px; margin-bottom: 20px; padding-top: 0px; padding-bottom: 0px; } .photo-eraser-step .nav li { margin-bottom: 20px; } .video-editor-functions .item { float: left; width: 29.33%; margin-right: 4%; text-align: center; } .video-editor-functions .item.after { margin-right: 4%; } .video-editor-ready .item { min-height: 140px; } .video-editor-ready .item p { font-size: 20px; line-height: 40px; min-height: 40px; } .video-editor-comment { padding-bottom: 60px; } .video-editor-comment .carousel-indicators { bottom: -50px; } }