body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:hover {
	text-decoration: none;
}

.go-top:before {
	content: '\f106';
	position: absolute;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 0.875rem;
}

.go-top {
	position: fixed;
	width: 34px;
	height: 34px;
	right: 30px;
	bottom: 40px;
	color: #fff;
	border-radius: 3px;
	background-color: rgba(44, 44, 44, .4);
	cursor: pointer;
	font-family: "FontAwesome";
	opacity: 0;
	visibility: hidden;
	z-index: 999;
}

.go-top-show {
	bottom: 30px;
	visibility: visible;
	opacity: 1;
}

.navbar-header {
	padding: 15.5px 0 15.5px 0;
}

.my-navbar-nav {
	background-color: #FFFFFF;
}

.my-navbar {
	border-bottom: none;
	border-top: none;
}

.my-navbar>li {
	padding-left: 25px;
	padding-right: 25px;
	border-right: 1px solid #F5F5F5;
}

@media screen and (max-width:1440px) {
	.my-navbar>li {
		padding-left: 15px;
		padding-right: 15px;
		border-right: 1px solid #F5F5F5;
	}
}

.my-navbar>li:last-child {
	border-right: none;
}

.my-container-fluid {
	padding-left: 30px;
}

.horizontal {
	width: 88%;
	margin: auto;
}

.dropdown {
	position: static;
	padding: 20px 0 20px 0;
}

.nav>li {
	position: static;
}

.dropdown-menu {
	padding: 20px 0 20px 0;
	position: absolute;
	top: 90px;
	border-top: none;
	background-color: #f8f8f8;
	width: 1340px;
	margin: auto;
}

@media screen and (max-width:1440px) {
	.dropdown-menu {
		padding: 20px 0 20px 0;
		position: absolute;
		top: 90px;
		border-top: none;
		background-color: #f8f8f8;
		width: 1140px;
		margin: auto;
	}
}

.dropdown-menu li {
	text-align: center;
}

.dropdown-menu>li {
	border-right: 2px solid #F5F5F5;
}

.dropdown-menu>li:last-child {
	border-right: none;
}

.dropdown-menu li ul {
	padding-left: 0;
}

.dropdown-menu li ul li {
	list-style: none;
	text-align: center;
}

.dropdown-menu li ul li {
	padding: 20px;
	line-height: 120%;
	font-size: 16px;
	font-weight: 700;
	color: #000000;
}

.dropdown-menu li ul li:hover {
	background-color: gainsboro;
}

.dropdown-menu li ul li a {
	color: #000000;
}

.dropdown-menu li ul li img {
	width: 60px;
	height: 60px;
}

.my-navbar>li>a:hover {}

.my-navbar-nav {
	margin-bottom: 0;
	border: none;
}

.my-banner {
        position: relative;
	color: #FFFFFF;
}
.my-banner:before {
	content:"";
        position: absolute;
        background:#000;
        width:100%;
        height:100%;
        top:0;
        opacity: 0.4;
}
.my-navbar>li>a:after {
	content: "";
	background: #2991d6;
	height: 2px;
	width: 100%;
	position: absolute;
	margin-top: 20px;
	left: 0;
	top: 50%;
	z-index: 999;
	opacity: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.my-navbar>li:hover>a:after {
	opacity: 1;
}

.mfn-link {
	color: #fff;
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	font-size: 15px;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	text-decoration: none;
	outline: 0;
	white-space: nowrap;
}

.mfn-link-2 {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.mfn-link-2 span:before {
	background: #2195de;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	text-align: center;
}

.mfn-link-2 span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.mfn-link-2 span {
	color: #fff;
	background: #2195de;
}

.fancy_heading_line {
	padding-top: 40px;
	background-image: url(../../images/fancy_heading_hr.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

.fancy_heading {
	text-align: center;
	width: 98%;
	margin: auto;
}

.fancy_heading_line .slogan {
	color: #a8a8a8;
	display: block;
	margin-bottom: 7px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
}

.fancy_heading_line .title {
	color: #2991d6;
	font-size: 42px;
	line-height: 42px;
	font-weight: 700;
	letter-spacing: 0px;
}

.aligncenter {
	text-align: center;
	margin: 0 auto;
	display: block;
}

@media screen and (min-width:1440px) {
	.my-column {
		width: 86%;
		margin: auto;
	}
}

.column {
	margin-top: 40px;
}

.column p {
	color: gray;
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
}

h4 {
	font-size: 21px;
	line-height: 25px;
	font-weight: 700;
	letter-spacing: 0px;
}

.column i {
	width: 1em;
	margin-right: .2em;
	margin-left: .2em;
	display: inline-block;
}

.mfn-link {
	color: #656b6f;
}

.mfn-link-7 {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.my-mfn-link-7 {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.mfn-link-7:before {
	background: #2275AC;
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.my-mfn-link-7:before {
	background: #2275AC;
	top: 0;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.mfn-link-7:after {
	background: #2275AC;
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.my-mfn-link-7:after {
	background: #2275AC;
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.mfn-link-7:before,
.mfn-link-7:after {
	position: absolute;
	width: 45px;
	height: 2px;
	content: '';
	opacity: .2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}

.my-mfn-link-7:before,
.my-mfn-link-7:after {
	position: absolute;
	width: 100%;
	height: 2px;
	content: '';
	opacity: 1.0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}

blockquote {
	font-size: 17px;
	line-height: 31px;
	padding: 3px 0;
	margin: 0 0 20px;
	border-left: none;
	background: url(../../images/textline.png) repeat-y;
	font-family: "Maven Pro";
}

blockquote:after {
	content: "";
	width: 55px;
	height: 40px;
	background: url(../../images/blockquote.png);
	position: absolute;
	left: 45px;
	top: 145px;
}

.hr_dots {
	padding-top: 5px;
	text-align: center;
}

.hr_dots span {
	color: #2991d6;
	background: #2991d6;
	display: inline-block;
	width: 5px;
	height: 5px;
	overflow: hidden;
	margin: 0 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators li {
	background-color: white;
	border: 1px solid #2991D6;
}

.carousel-indicators .active {
	background-color: #2991D6;
}

.list_check {
	color: #737e86;
	list-style: none;
}

.list_check li {
	position: relative;
	margin: 0 0 20px 0;
	padding-left: 50px;
	background: url(../../images/list_check.png) no-repeat 20px 5px;
}

.list_check li:after {
	content: "";
	width: 70px;
	height: 1px;
	overflow: hidden;
	background: rgba(0, 0, 0, .08);
	position: absolute;
	left: 0;
	bottom: -11px;
}

.button_icon {
	padding: 15px 16px;
	background: rgba(0, 0, 0, .05);
}

.button_label {
	position: relative;
	padding: 15px 30px;
	z-index: 2;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.button {
        cursor: pointer;
	position: relative;
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 20px;
	background-color: #88be4c;
	background-image: url(../../images/box_shadow_button.png);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
}

.button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	z-index: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background: rgba(0, 0, 0, .05);
}

.button:hover:after {
	width: 100%;
}

.banner-outer {
	background-color: #323f40;
	background-size: 100%;
}

.function-banner {
	width: 98%;
	margin: auto;
	box-sizing: border-box;
	padding-bottom: 20px;
}

.function-banner:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}

.function-banner-left {
	padding: 30px 10px 20px 20px;
	float: left;
	width: 58%;
	color: #FFFFFF;
}

.function-banner-left h1 {
	font-size: 25px;
	line-height: 25px;
	font-weight: 700;
	letter-spacing: 1px;
}

.function-banner-left h4 {
	font-size: 21px;
	line-height: 25px;
	font-weight: 700;
	letter-spacing: 0px;
}

.function-banner-left p {
	font-family: inherit;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 1px;
}

.function-banner-right {
	float: left;
	max-width: 38%;
}

.images_wrapper img {
	max-width: 100%;
	margin-bottom: -15px;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.my-images_wrapper:after {
	background: #FFFFFF;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.my-images_wrapper:hover:after {
	opacity: 0.5;
}

.image_links {
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	z-index: 3;
	background: rgba(41, 145, 214, .8);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.image_links a {
	height: 40px;
	display: block;
	font-size: 25px;
	line-height: 60px;
	width: 100%;
	text-align: center;
}

.function-banner-right-button {
	margin-top: 40px;
	text-align: center;
}

.function-banner-right-button .button {
	background-color: #8F8F8F;
}

.product-nav {
	margin-bottom: 3.6%;
	text-align: left;
	background-color: #efefef;
	height: 80px;
	position: relative;
	z-index: 1;
}

.nav-button {
	text-align: center;
	list-style: none;
}

.nav-button li {
	display: inline-block;
	zoom: 1;
	position: relative;
	padding: 0 1.5%;
	transition: font-size 300ms;
	margin-right: 0.3%;
	font-size: 16px;
	vertical-align: top;
}

.nav-button li.current {
	background-color: #FFF;
	border-bottom: 2px solid #0087ff;
	font-size: 17px;
}

.nav-button li a {
	display: block;
	text-align: center;
	line-height: 80px;
	text-decoration: none;
	height: 78px;
}

.nav-button li .arrow {
	width: 100%;
	height: 7px;
	background: url(../../images/pro-nav-hover.png) no-repeat center;
	margin: auto;
	position: absolute;
	bottom: -7px;
	left: 0;
	display: block;
}

.feature-part-one-first {
	max-width: 1200px;
	margin: auto;
	width: 83%;
}

.feature-part-one-first-left {
	float: left;
	width: 50%;
	text-align: center;
}

.feature-part-one-first-right {
	float: right;
	width: 50%;
	padding-top: 4%;
}

.feature-part-one-first-right h2 {
    font-size: 30px;
    font-family: "OpenSans-bold";
	margin-bottom: 3.5%;
	line-height: 35px;
}
.feature-part-one-first-left h2{
    font-size: 30px;
    font-family: "OpenSans-bold";
	margin-bottom: 3.5%;
	line-height: 35px;
}
.feature-part-one-first-right .media-body p {
	font-size: 18px;
}
.feature-part-one-first-left .media-body p {
	font-size: 18px;
}



.feature-part-one-first-right .media-body {
	padding-top: 16px;
}
.feature-part-one-first-left .media-body {
	padding-top: 16px;
}

.feature-part-one-second {
	padding-top: 40px;
	max-width: 1200px;
	margin: auto;
	width: 83%;
}

.feature-part-one-second-left {
	float: left;
	width: 50%;
	padding-top: 4%;
}

.feature-part-one-second-right {
	float: right;
	width: 50%;
	text-align: center;
}

.feature-part-one-second-left h2 {
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}
.feature-part-one-second-right h2 {
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}

.feature-part-one-second-left .media-body p {
	font-size: 18px;
}
.feature-part-one-second-right .media-body p {
	font-size: 18px;
}

.feature-part-one-second-left .media-body {
	padding-top: 16px;
}
.feature-part-one-second-right .media-body {
	padding-top: 16px;
}

.feature-part-two-wrapper {
	margin-top: 40px;
	padding: 3.5% 0;
	text-align: center;
	background: #0078d7;
}

.feature-part-two-wrapper h2 {
	color: #FFFFFF;
	margin-bottom: 50px;
}

.feature-part-two-wrapper ul {
	list-style: none;
	margin: 0 10%;
}

.feature-part-two-wrapper ul li {
	position: relative;
	background: #1b8ee9;
	float: left;
	width: 31%;
	margin-right: 2%;
	padding: 40px 1% 20px 1%;
	min-height: 320px;
}

.feature-part-two-wrapper ul li div {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #1b8ee9;
	width: 25px;
	height: 25px;
	background: #FFFFFF;
	border-radius: 50%;
}

.feature-part-two-wrapper ul li h3 {
	color: #FFFFFF;
}

.feature-part-two-wrapper ul li p {
	color: #FFFFFF;
	letter-spacing: 1px;
}

.feature-part-three-first {
	padding-top: 70px;
	max-width: 1200px;
	margin: auto;
	width: 83%;
	margin-bottom: 50px;
}


.feature-part-three-first h2 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}

.feature-part-three-first-left {
	float: left;
	width: 50%;
	text-align: center;
}

.feature-part-three-first-left img {
	max-width: 90%;
	height: auto;
}

.feature-part-three-first-right {
	float: right;
	width: 50%;
	padding-top: 4%;
}

.feature-part-three-first-right .media-body p {
	font-size: 16px;
}


.feature-part-three-second {
	padding-top: 70px;
	max-width: 1200px;
	margin: auto;
	width: 83%;
	margin-bottom: 50px;
}

.feature-part-three-second h2 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}

.feature-part-three-second-right {
	float: right;
	width: 50%;
	text-align: center;
}


.feature-part-three-second-right img {
	max-width: 90%;
	height: auto;
}

.feature-part-three-second-left {
	float: left;
	width: 50%;
	padding-top: 4%;
}

.feature-part-three-second-left .media-body p {
	font-size: 18px;
}

.feature-part-three-second,.feature-part-three-first .media-body {
	padding-top: 0;
}
.media-body h4{	
	font-size: 16px;
    margin-bottom: 4px;
}


.feature-part-four {
	background-color: #F5F5F5;
}

.feature-part-four-wrapper {
	max-width: 1200px;
	margin: auto;
	width: 83%;
	margin-bottom: 50px;
}

.feature-part-four h2 {
	padding-top: 50px;
	text-align: center;
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}
.feature-part-four p{
	text-align: center;
	font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: 0px;
}
.feature-part-four-left {
	float: left;
	width: 60%;
}

.feature-part-four-right {
	float: left;
	width: 40%;
}

.feature-part-four-right img {
	width: 100%;
}

.feature-part-four-left ul {
	display: block;
	list-style: none;
	margin-bottom: 8%;
}

.feature-part-four-left ul li {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 20px;
}

.feature-part-four-left ul li p {
	margin-top: 15px;
}
.feature-part-four-wrapper-unlock {
	max-width: 100%;
	width: 100%;
}

.feature-part-four-left-unlock {
	padding-top: 40px;
	width: 100%;
}

.feature-part-four-left-unlock ul {
	margin-bottom: 40px;
	padding: 0;
}

.feature-part-four-left-unlock ul li {
	position: relative;
	float: left;
	width: 33.3%;
	text-align: center;
	line-height: 20px;
	padding: 0 0.5% 0 1.5%;
}
.feature-part-four-left-unlock ul li:after{
	content: "";
    display: block;
    width: 0;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: rgba(0,0,0,.08);
    position: absolute;
    top: 0;
    right: -2.4%;
}
.feature-part-four-left-unlock ul li p {
	color: #626262;
}
.feature-part-four-wrapper-switch{
	max-width: 100%;
	width: 100%;
}
.feature-part-four-left-switch{
	text-align: center;
	padding-top: 40px;
	width: 100%;
}

.feature-part-five {
	background: #0078d7;
}

.feature-part-five-top h2 {
	padding-left: 30px;
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}

.feature-part-five-top ul {
	list-style: none;
}

.feature-part-five-top ul li {
	font-size: 16px;
	padding-left: 30px;
	background: url(../../images/icon-list-check3.png) 0 2px no-repeat;
	margin-bottom: 10px;
}

.feature-part-five-wrapper {
	padding: 70px 0;
	max-width: 1200px;
	margin: auto;
	width: 83%;
	/*margin-bottom: 50px;*/
}

.feature-part-five-top {
	background: #FFF url(../../images/ios-new-win-pic-9.jpg) 0 center no-repeat;
	background-size: 50%;
	padding: 50px 10% 45px 55%;
}

.feature-part-five-bottom {
	text-align: center;
	color: #FFFFFF;
}

.feature-part-five-bottom h2 {
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}

.feature-part-five-bottom p {
	font-size: 18px;
	margin: -2% 0 4% 0;
	line-height: 25px;
}

.feature-part-five-bottom a {
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 18px;
}

.feature-part-six {
	padding: 0;
	max-width: 1200px;
	margin: auto;
	width: 83%;
	margin-bottom: 50px;
}

.feature-part-six h2 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}

.feature-part-six ul {
	padding-left: 0;
	list-style: none;
}

.feature-part-six ul li {
	float: left;
	width: 33.3%;
	padding: 0 2%;
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 20px;
	min-height: 119px;
}

.feature-part-six li span {
	display: block;
	background: url(../../images/ios-new-win-guide-1.png) no-repeat;
	width: 43px;
	height: 42px;
	margin: 0px auto 10px auto;
}

.feature-part-six font {
	font-size: 16px;
	background: url(../../images/radio-blue-out.png) 0px 0px no-repeat;
	padding-left: 28px;
	display: inline-block;
	letter-spacing: 1px;
}

.feature-part-six .current font {
	background: url(../../images/radio-blue-in.png) 0px 0px no-repeat;
}

.feature-part-six li.current {
	border-bottom: 2px solid #0288ff;
	min-height: 118px;
}

.feature-part-six h2 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 3.5%;
	font-weight: normal;
	line-height: 35px;
}
.feature-part-six p {
	text-align: center;
	font-size: 16px;
	margin: 2% 0 2% 0;
    line-height: 25px;
}

.feature-part-six .carousel {
	padding: 4.5% 0;
}
.feature-part-six-wrapper{
	position: relative;
}

.feature-part-six-wrapper  .in-left{
	position: absolute;
	top:50%;
	color:gainsboro ;
	z-index: 99;
}
.feature-part-six-wrapper  .in-right{
	position: absolute;
	top:50%;
	right: 0;
	color:gainsboro ;
	z-index: 99;
}


.feature-part .media-body p{
    font-size: 16px;
    font-family: "OpenSans-regular";
    color: #727171;
    margin-top: 25px;
    line-height: 1.6;
}
.feature-part .media-body p:nth-child(2){
    margin-top:38px;
}
.feature-part .media-body a {
    font-size: 16px;
    color: #ff2f56;
    font-family: "OpenSans-regular";
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
}
.feature-part .media-body p a{
    margin-top: 0;
}
.feature-part .media-body a span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    background: url(/images/disc-arrow.svg) no-repeat center center;
}
.feature-part .media-body a:hover span {
    margin-left: 15px;
    transition: margin-left 0.5s;
}
.feature-part .media-body .rw p {
    font-size: 16px;
    font-family: "OpenSans-regular";
    line-height: 1.6;
    margin-top: 20px;
    color: #595757;
    display: flex;
    align-items: flex-start;
}
.feature-part .media-body .rw p img {
    width: 15px;
    margin-top: 8px;
    margin-right: 6px;
}

.container {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.assessment{
       
        
}
.assessment h2{
       text-align:center;
       margin:0;
       padding-top:40px;      
}
.assessment .assessment-box{
       float:left;
       width:33%;
       padding:12px 24px;
       text-align:center;
}
.assessment .assessment-box .title1{
       margin:20px auto;
       font-size:20px;
}
.assessment .assessment-box .title2{
       margin:20px auto;
       text-align:left;
}
.pro-step{
	margin: 0 auto;
    background: #66CC66;
    height: 430px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
}
.pro-step h2{
	margin: 30px 0px 15px 0px;
    padding: 0px;
}
.slide {
	width: 100%;
	min-height: 180px;
	/*overflow: hidden;*/
	position: relative;
}

.slide .img {
	overflow: hidden;
	position: absolute;
	transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
}

.slide .img img {
	/*width: calc(100% - 14px);
	height: calc(100% - 14px);*/
	margin: 7px;
    
}

.slide .img1 {
	width: 40%;
	height: 40%;
	top: 30%;
	left: -50%;
	z-index: 1;
	display: none;
}

.slide .img2 {
	width: 60%;
	height: 60%;
	top: 20%;
	left: -20%;
	z-index: 2;
	text-align: center;
}
.img2 img{
	width: 314px;
	height: 220px;
}

.slide .img3 {
	width: 80%;
	height: 110%;
	top: 10%;
	left: 10%;
	z-index: 3;
	text-align: center;
}
.slide .img3 img{
	width: 522px;
	height: 338px;
}

.slide .img4 {
	width: 60%;
	height: 60%;
	top: 20%;
	left: 60%;
	z-index: 2;
	text-align: center;
}
.img4 img{
	width: 314px;
	height: 220px;
}

.slide .img5 {
	width: 40%;
	height: 40%;
	top: 30%;
	left: 110%;
	z-index: 1;
        display:none;
}

.slide-bt {
	position: absolute;
	left: 50%;
	bottom: 13%;
	z-index: 10;
}

.slide-bt span {
	width: 24px;
	height: 8px;
	background: #c9caca;
	float: left;
	margin: 5px;
	border-radius: 4px;
}

.slide .slide-bt .on {
	background: #ffd200;
}

button {
	width: 50px;
	margin: 20px;
}
.step{
	position: relative;
}
.step1,.step2,.step3,.step4,.step5{
        width:770px;
	position: absolute;
	visibility: hidden;
}
.review{
	margin-top: 10%;
	padding: 5px 0 15px 0;
	margin-bottom: 0;
	background: #F5F5F5;
}
.review-wrapper{
	text-align: center;
	width: 83%;
    margin: 0px auto;
    position: relative;
    max-width: 1600px;
    min-width: 1000px;
}
.pro_des{
    font-size: 18px;
    margin: -1% 0 4% 0;
    line-height: 25px;
}
.star_01,.star_02{
	display: inline-block;
    background: url(../../images/icon-index.png) -159px 0px no-repeat;
    width: 14px;
    height: 16px;
    margin-right: 1px;
    overflow: hidden;
    vertical-align: middle;
}
.star_02{
	background-position: -176px 0px;
}
.review .list{
	margin-bottom: 70px;
    width: 100%;
    list-style: none;
}
.review-wrapper h2{
	margin-bottom: 20px;
}
.review .list li{
	width: 25%;
    margin: 0 2%;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}
.review .list li .word{
	text-align: left;
	letter-spacing: 1px;
}
.review .list li .name{
	position: relative;
    margin-bottom: 30px;
    padding-left: 65px;
    text-align: left;
}
.review .list li .name .head{
	position: absolute;
    left: 0;
    top: -3px;
    width: 52px;
    height: 52px;
}
.review .list li .name .head img{
	width: 100%;
    height: auto;
}
.review_link{
	display: block;
    margin: 0 auto;
    width: 210px;
    border: 2px solid #f38a01;
    color: #f38a01;
    background: url(../../images/edit.png) no-repeat 20px center;
    padding: 12px 0 13px 30px;
    font-size: 18px;
}
.review_link:hover{
	color: #FFFFFF;
    text-decoration: none;
    background: #f38a01 url(../../images/edit2.png) no-repeat 20px center;	
}
.footer-bottom{
   margin-top:10px;
   padding:10px 0 10px 0;
   text-align:center;
   background: #515151;
}
.copy p {
    color: #fff;
    font-size: 0.85em;
}
.copy p a {
    color: #fff;
}
.top-download {
    position: fixed;
    top: 0;
    left: 0;
    background: #5e66eb;
    color: #fff;
    width: 100%;
    height: 70px;
    line-height: 64px;
    font-size: 28px;
    z-index: 99999;
    display: none;
}
.top-download a {
    width: 184px;
    height: 48px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    line-height: 48px;
    text-indent: 64px;
    font-size: 18px;
}
.top-download a+a {
    margin-left: 20px;
}
.top-download .top-download-left {
    width: 50%;
    float: left;
    padding-left: 5%;
}
.top-download .top-download-right {
    width: 45%;
    float: right;
}

.top-download .top-download-right .win-down {
    margin-left: 50px;
    background: url(../images/win.png) no-repeat 26px center #45ceb3;
}
.top-download .top-download-right .win-down:hover {
    background: url(../images/win.png) no-repeat 26px center #458b74;
}
.top-download .top-download-right .mac-down {
    background: url(../images/mac.png) no-repeat 26px center #45ceb3;
}
.top-download .top-download-right .mac-down:hover {
    background: url(../images/mac.png) no-repeat 26px center #458b74;
}
.top-download-show{
    display:block;
}
.isr-table {
    width: 100%;
    background: #fff;
}
.isr-table a{
    color:#2e2e2e;
}
.isr-table a:hover{
     color:#2188cc;
     text-decoration: underline;
}
.isr-table img{
    width:auto;
}
.isr-table .row-fluid p{
    text-align:left;
    letter-spacing:0.5px;
}
.isr-table td {
    border: 1px solid #ddd;
    padding: 16px 20px;
    font-weight: 300;
}
.db-table-p {
    margin: 30.6px auto;
    line-height: 1.5;
}
.my-container{
	width: 1200px !important;
    margin: auto !important;
    padding: 0 !important;
}
@media (min-width: 1200px)
.my-container {
    width: 1180px;
}
@media (min-width: 992px)
.my-container {
    width: 970px;
}
.various-scenarios{
        background:#f6f7f9;
        padding:20px 0;
}
.various-scenarios .pro-wrapper{
	max-width: 90%;
}
.various-scenarios p{
	text-align: center;
	font-size: 30px;
}
.tutorials-boxs{
	font-size: 0px;        
}
.tutorials-boxs .articleBox{
	width: 24%;
    height: 200px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 5px;
}
.tutorials-boxs .articleBox img{
	width: 100%;
    height: 200px;
    display: inline-block;
}
.tutorials-boxs .articleBox .coveri{
	background: rgba(255, 255, 255, 0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 0;
    left: 0;
}
.tutorials-boxs .articleBox .coveri .articleTitle{
	font-size: 18px;
    color: #06345A;
    width: 90%;
    margin: 80px auto 0 auto;
}
.tutorials-boxs .articleBox .coveri .hiddeni{
	text-align: left;
    display: none;
}
.tutorials-boxs .articleBox .coveri .hiddeni .date{
	font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    line-height: 15px;
    width: 70%;
    display: block;
    margin: auto;
}
.tutorials-boxs .articleBox .coveri .hiddeni .content{
	    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 0;
    width: 70%;
    margin: auto;
    margin-top: 15px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    height: 48px;
}
.tutorials-boxs .articleBox:hover .coveri{
	background: rgba(6, 52, 90, 0.6);
    transition: background 0.5s;
}
.tutorials-boxs .articleBox:hover .coveri .articleTitle {
    color: #fff;
    margin-top: 50px;
    transition: color 0.5s;
    transition: margin-top 0.5s;
}
.tutorials-boxs .articleBox:hover .coveri .hiddeni{
    text-align: left;
    display: block;
}
.various-scenarios .pro-wrapper{
    position: relative;
}
.various-scenarios .my-tutorials-boxs-left{
    float:left;
    position: relative;
    width: 500px;
    height: 600px;
}
.various-scenarios .my-tutorials-boxs-left .computer{
    position: absolute;
    width: 638px;
    height: 368px;
    left: 0;
    top: 0;
    background: url(../images/computer.png) center/100% auto no-repeat;
}
.various-scenarios .my-tutorials-boxs-left .computer:before{
    content: '';
    position: absolute;
    width: 500px;
    height: 315px;
    left: 68px;
    top: 28px;
    background: url(../images/mobilesync-connect.jpg) center/100% no-repeat;
    background-size: cover;
}
.various-scenarios .my-tutorials-boxs-left .iphone{
    position: absolute;
    width: 107px;
    height: 216px;
    left: 540px;
    top: 130px;
    background: url(../images/iphone.png) center/100% auto no-repeat;
    z-index:1;
}
.various-scenarios .my-tutorials-boxs-left .android{
    position: absolute;
    width: 106px;
    height: 230px;
    left: 460px;
    top: 126px;
    background: url(../images/iphone.svg) center/100% auto no-repeat;
    z-index:1;
}
.various-scenarios .my-tutorials-boxs-right{
    text-align: left;
    position: absolute;
    right: 2%;
    max-width: 40%;
    margin-top:100px;
}
.various-scenarios .my-tutorials-boxs-right h1{
    text-align: left;
    margin-top: 0;
    font-size: 36px;
    padding-left: 65px;
    background: url(../images/) left center/52px auto no-repeat;
}
.various-scenarios .my-tutorials-boxs-right .desc{
    text-align: left;
    font-size: 18px;
    line-height: 25px;
}
.various-scenarios .my-tutorials-boxs-right .more-desc{
    text-align: left;
    font-size: 15px;
    line-height: 25px;
}
.various-scenarios .my-tutorials-boxs-right .btn{
    margin-top:20px;
}
.various-scenarios .my-tutorials-boxs-right .btn a{
    padding: 10px 20px;
    border: 2px solid #666;
    color: black;
    border-radius: 10px;
}
.various-scenarios .my-tutorials-boxs-right .btn .btn-left:hover{
    background: #3ac9c9;
    border: 2px solid #3ac9c9;
    color: #fff;
}
.various-scenarios .my-tutorials-boxs-right .btn a.btn-right{
    background: #3ac9c9;
    color: #fff;
    margin-left:40px;
    border: 2px solid #3ac9c9;
}
.various-scenarios .my-tutorials-boxs-right .btn .btn-right:hover{
    background: #fff;
    color: #666;
    border: 2px solid #666;
}
.various-scenarios .my-tutorials-boxs-bottom ul{
    top:600px;
    padding-left:0;
    position: absolute;
}
.various-scenarios .my-tutorials-boxs-bottom ul li{
    position: relative;
    vertical-align: top;
    width:19%;
    display:inline-block;
    padding:5px 10px;
}
.various-scenarios .my-tutorials-boxs-bottom ul li:nth-child(1):before{
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    left: 70px;
    top: -60px;
    background: url(../images/support-all-ios.png) center/100% no-repeat;
    background-size: cover;
}
.various-scenarios .my-tutorials-boxs-bottom ul li:nth-child(2):before{
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    left: 70px;
    top: -60px;
    background: url(../images/quick-operation.png) center/100% no-repeat;
    background-size: cover;
}
.various-scenarios .my-tutorials-boxs-bottom ul li:nth-child(3):before{
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    left: 70px;
    top: -60px;
    background: url(../images/quick-operation.png) center/100% no-repeat;
    background-size: cover;
}
.various-scenarios .my-tutorials-boxs-bottom ul li:nth-child(4):before{
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    left: 70px;
    top: -60px;
    background: url(../images/ringtone-maker.png) center/100% no-repeat;
    background-size: cover;
}
.various-scenarios .my-tutorials-boxs-bottom ul li:nth-child(5):before{
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    left: 70px;
    top: -60px;
    background: url(../images/heic-converter.png) center/100% no-repeat;
    background-size: cover;
}
.various-scenarios .my-tutorials-boxs-bottom ul li .desc{
    font-size:16px;
}
.various-scenarios .my-tutorials-boxs-bottom ul li .more-desc{
    font-size:12px;
}

.umatepro-table tr td {
    border: 1px solid #dddddd;
    padding: 5px 30px;
    height: 60px;
    color: #666666;
    font-size:16px;
}
.umatepro-table tr td.bg {
    background: #f2f2f2;
    font-weight: normal;
    font-size: 18px;
    color: #2e2e2e;
}
.sift-left{
    width:23%;
    padding-left:0;
    list-style: none;
    margin-bottom:0;
}
.sift-left li.curr {
    background: #259bd6;
    position: relative;
    color: #fff;
}
.sift-left li{
    padding: 20px 30px;
    background: #f2f2f2;
    border-bottom: 1px solid #dddddd;
    font-size: 18px;
    position:relative;
}

.sift-left li.curr:before,.sift-left li.curr:after {
    border-width:12px 0 12px 12px;
    top: 30%;
    border-style:solid;
    border-color:transparent transparent transparent #259bd6;/*透明 透明 透明 黄*/
    content: "";
    height: 0px;
    width: 0px;
    left: 100%;
    position: absolute;
}
.sift-right-one{
    position: absolute;
    left:23%;
    top:6%;
}
.sift-right-one ul{
   float:left;
   margin-left:20px;
}
.sift-right-one ul li{
   margin: 0 0 20px;
   font-size:16px;
   letter-spacing:1px;
   color:#666666;
}
.sift-right-two{
    display:none;
    position: absolute;
    left:23%;
    top:6%;
}
.sift-right-two ul{
   float:left;
   margin-left:20px;
}
.sift-right-two ul li{
   margin: 0 0 20px;
   font-size:16px;
   letter-spacing:1px;
   color:#666666;
}
.sift-right-three{
    display:none;
    position: absolute;
    left:23%;
    top:6%;
}
.sift-right-three ul{
   float:left;
   margin-left:10px;
}
.sift-right-three ul li{
   margin: 0 0 20px;
   font-size:16px;
   letter-spacing:1px;
   color:#666666;
}
.sift-right-four{
    display:none;
    position: absolute;
    left:23%;
    top:6%;
}
.sift-right-four ul{
   float:left;
   margin-left:20px;
}
.sift-right-four ul li{
   margin: 0 0 20px;
   font-size:16px;
   letter-spacing:1px;
   color:#666666;
}
.dp-newtable{
    text-align:center;
}
.dp-newtable th{
    background: #259bd6 !important;
    color: #fff;
    font-weight: 300;
    padding: 12px 0;
    text-align:center;
}
.dp-newtable td {
    padding: 12px;
}
.dp-newtable tr:nth-child(even){
background-color: #FCFCFC;
}
.feature-all li{
    vertical-align: top;
    display:inline-block;
}
ul.feature-allfour li {
    width: 20%;
    margin: 0 2%;
}
table.compare {
    width: 99%;
    margin-top: 30px;
}

table.compare th {
    color: #31aaff;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    border-top: #31aaff 2px solid;
    padding: 18px;
    width: 33%;
}

table.compare td {
    border-top: #e6e6e6 1px solid;
    font-size: 20px;
    color: #222;
    padding-left: 5%;
    padding: 18px;
}
table.compare td.circle {
    background: url(../images/note.png) no-repeat center;
    background-position: 50% -151px;
}

.botlink {
    width: 100%;
    background-color: #333333;
    padding: 25px 0;
}
.botlink .container {
    overflow: hidden;
    max-width: 1200px;
}
.botlink-box {
    width: 20%;
    float: left;
    margin-right: 3%;
}
.botlink-box img {
    margin-top: 20px;
}
.botlink-support {
    width: 17%;
    border-left: #464646 1px solid;
    padding-left: 20px;
}
.botlink-support ul{
     padding-left:0;
}
.botlink-support a{
	color: #FFFFFF;
}
.botlink-social {
    width: 20%;
    border-left: #464646 1px solid;
    padding-left: 20px;
    height: 149px;
}
.botlink h3 {
    font-size: 18px;
    margin: 20px auto;
    color: #fff;
}
.botlink ul li {
    line-height: 16px;
    margin: 11px 0;
    font-size: 14px;
}
.botlink-sns {
    width: 100%;
}
.botlink-sns a {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
}
.botlink-sns a.facebook {
    background: url(../images/share-sns.png) no-repeat 0 0px;
}
.botlink-sns a.twitter {
    background: url(../images/share-sns.png) no-repeat -57px 0px;
}
.botlink-sns a.youtube {
    background: url(../images/share-sns.png) no-repeat -111px 0px;
}
.botlink-sns a.google {
    background: url(../images/share-sns.png) no-repeat -162px 0px;
}
.botlink-sns ul{
   padding-left:0;
}
.botlink-sns ul li{
	display: inline-block;
	margin-right: 20px;
}
.botlink-sns ul li img{
	margin: auto;
}
.botlink-sns ul li span{
	color: #FFFFFF;
	padding-left: 5px;
}
#footer {
    clear: both;
    background: #292929;
    width: 100%;
}
#footer p {
    color: #fff;
    text-align: center;
    margin: 15px auto 10px;
}
#footer p a {
    text-align: center;
    color: #fff;
    font-size: 14px;
}
#watch{
    text-align: center;
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    background-size: cover;
    z-index: 1001;
}
#watch iframe{
    margin:10% 0 0 0;
}
#close{
    cursor: pointer;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1002;
    opacity: .6;
}
#close:hover{
    opacity: 1;
}
.recover-list {
    text-align: center;
    line-height: normal;
    background-color: #26324b;
    padding: 80px 0 40px;
}
.recover-list .title {
    font-size: 36px;
    font-weight: 300;
    color: #00aee6;
    margin-bottom: 20px;
}
.recover-list .dd {
    font-size: 18px;
    line-height: 1.67;
    color: #a3c8db;
    max-width: 930px;
    margin: 0 auto 60px;
}
.recover-list .dd1 {
    font-size: 18px;
    line-height: 1.33;
    color: #a3c8db;
}
.recover-list .box {
    padding: 20px 0;
    position: relative;
    height: 240px;
    box-sizing: border-box;
    border-radius: 2px;
}
.recover-list .pic {
    height: 80px;
}
.recover-list .box .back-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #00aee6;
    color: #fff;
    box-sizing: border-box;
    padding: 30px 20px;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.recover-list .box .back-text .text1 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.33;
}
.recover-list .box .back-text .text2 {
    line-height: 1.57;
    font-size: 14px;
}
.recover-list .box:hover .back-text {
    opacity: 1;
}
.botlink >div.phone-container{
   width:1200px;
}
table{
   line-height:24px;
   font-size: 16px;
}
table td{
   padding:8px;
}
.table-td-border{
    border-bottom: 2px solid #f6f6f6;
    border-right: 2px solid #f6f6f6;
    background: #fff;
}
tbody tr th{
   text-align:center;
   color:#fff;
   font-weight: 300;
   padding: 12px 0;
   background: #327ff3 !important;
}

.u-tab-btn {
    width:28px;
    margin-top: 10px;
    display: block;
    border-radius: 100px;
    color: #ffffff;
    font-weight: 600;
    background: #259bd6 url(../images/icon2.png) no-repeat 120px -535px;
    padding: 6px 55px 6px 15px;
    text-decoration: none;
    width: 140px;
    font-size: 14px;
    /* margin: 10px auto; */
    transition: none;
}
.u-tab-btn2 {
    
    width:28px;
    margin-top: 10px;
    display: block;
    border-radius: 100px;
    color: #ffffff;
    font-weight: 600;
    color: #259bd6;
    border: 2px solid #259bd6;
    padding: 4px 53px 3px 12px;
    background: #fff url(../images/custom/public/icon2.png) no-repeat 117px -654px;
    font-size: 14px;
    width: 140px;
    transition: none;
}

.fix-tab-btn {
    margin: 0;
    background: #327ff3 url(../images/icon2.png) no-repeat 100px -540px;
    padding: 2px 27px 2px 9px;
    font-size: 10px;
}
.fix-tab-btn2 {
    margin: 0;
    border: 2px solid #327ff3;
    color: #327ff3;
    padding: 0px 25px 0px 7px;
    font-size: 10px;
    background: #fff url(../images/mac-icon-small-bule.png) no-repeat 98px 7px;
}
.fix-tab-btn2:hover{
   background: #005ba1 url(../images/mac-icon-small-white.png) no-repeat 98px 7px;
    border: 2px solid #005ba1;
    color: #fff;
}
tr:nth-child(1n){

background-color: #f6f6f6;

}
@media screen and (max-width:500px){
    .bottom-logo{
      display:none;
}
.botlink >div.phone-container{
   width:100%;
}
.botlink-support{
   width:20%;
   padding-left:10px;
}
.botlink-support>h3{
   font-size:14px;
}
.botlink ul li{
    font-size:12px;
}
.botlink-social{
   width:33%;
}
.botlink-sns ul li {
    display: inline-block;
    margin-right: 0;
    margin-top:0;
}
.botlink-sns>h3{
  margin-bottom:0;
}
#footer .container{
   width:100%;
}
}

@keyframes buzz-out {
	0% {
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		transform: translateX(-2deg) rotate(-1deg);
	}
	90% {
		transform: translateX(1px) rotate(0);
	}
	100% {
		transform: translateX(-1px) rotate(0);
	}
}

@-webkit-keyframes buzz-out {
	0% {
		-webkit-transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2deg) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
	}
}

@keyframes clear-circle {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 302px) scale(.3);
		transform: translate(0, 302px) scale(.3)
	}
	5% {
		opacity: 1;
		-webkit-transform: translate(0, 190px) scale(.3);
		transform: translate(0, 190px) scale(.3)
	}
	17%,
	24%,
	9% {
		-webkit-transform: translate(0, 302px) scale(.3);
		transform: translate(0, 302px) scale(.3)
	}
	13% {
		-webkit-transform: translate(0, 273px) scale(.3);
		transform: translate(0, 273px) scale(.3)
	}
	21% {
		-webkit-transform: translate(0, 292px) scale(.3);
		transform: translate(0, 292px) scale(.3)
	}
	100%,
	36% {
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1)
	}
}

@keyframes sd-circle {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 143px) scale(.3);
		transform: translate(0, 143px) scale(.3)
	}
	5% {
		opacity: 1;
		-webkit-transform: translate(0, 74px) scale(.3);
		transform: translate(0, 74px) scale(.3)
	}
	17%,
	28%,
	9% {
		opacity: 1;
		-webkit-transform: translate(0, 143px) scale(.3);
		transform: translate(0, 143px) scale(.3)
	}
	13% {
		opacity: 1;
		-webkit-transform: translate(0, 130px) scale(.3);
		transform: translate(0, 130px) scale(.3)
	}
	100%,
	36% {
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1)
	}
}

@keyframes reflash-circle {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 302px) scale(.3);
		transform: translate(0, 302px) scale(.3)
	}
	5% {
		opacity: 1;
		-webkit-transform: translate(0, 190px) scale(.3);
		transform: translate(0, 190px) scale(.3)
	}
	17%,
	26%,
	9% {
		opacity: 1;
		-webkit-transform: translate(0, 302px) scale(.3);
		transform: translate(0, 302px) scale(.3)
	}
	13% {
		opacity: 1;
		-webkit-transform: translate(0, 282px) scale(.3);
		transform: translate(0, 282px) scale(.3)
	}
	21% {
		opacity: 1;
		-webkit-transform: translate(0, 292px) scale(.3);
		transform: translate(0, 292px) scale(.3)
	}
	100%,
	36% {
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1)
	}
}

@keyframes recover-sdcard {
	0%,
	100%,
	40%,
	80% {
		opacity: 1
	}
	20%,
	60% {
		opacity: .5
	}
}


@keyframes recover-reflash {
	0% {
		opacity: 0;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	50% {
		opacity: 1;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes recover-clear-cover {
	0% {
		opacity: 0;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100%,
	30%,
	70% {
		opacity: 1;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	50%,
	90% {
		opacity: 1;
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}
}

@keyframes recover-files-line {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-197px);
		transform: translateY(-197px)
	}
	10% {
		opacity: 1;
		-webkit-transform: translateY(-197px);
		transform: translateY(-197px)
	}
	60% {
		-webkit-transform: translateY(290px);
		transform: translateY(290px)
	}
	100%,
	90% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes recover-files-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	20% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	40% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	60% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes buzz-out {
	0% {
		-moz-transform: translateX(3px) rotate(2deg);
	}
	20% {
		-moz-transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-moz-transform: translateX(3px) rotate(2deg);
	}
	40% {
		-moz-transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-moz-transform: translateX(2px) rotate(1deg);
	}
	60% {
		-moz-transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-moz-transform: translateX(2px) rotate(1deg);
	}
	80% {
		-moz-transform: translateX(-2deg) rotate(-1deg);
	}
	90% {
		-moz-transform: translateX(1px) rotate(0);
	}
	100% {
		-moz-transform: translateX(-1px) rotate(0);
	}
}

@keyframes water-iphone {
	0% {
		-webkit-transform: translateY(-176px);
		transform: translateY(-176px)
	}
	20% {
		-webkit-transform: translateY(26px);
		transform: translateY(26px)
	}
	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px)
	}
	100%,
	80% {
		-webkit-transform: none;
		transform: none
	}
}



@keyframes recover-files-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	20% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	40% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	60% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes simple-steps-rotate {
	0%,
	5% {
		-webkit-transform: scale(0) rotate(0);
		transform: scale(0) rotate(0)
	}
	50%,
	55% {
		-webkit-transform: none;
		transform: none
	}
	100%,
	95% {
		-webkit-transform: scale(1) rotate(360deg);
		transform: scale(1) rotate(360deg)
	}
}

@keyframes simple-steps-eyes {
	0%,
	5% {
		-webkit-transform: scaleX(0) scaleY(0);
		transform: scaleX(0) scaleY(0)
	}
	100%,
	50%,
	55%,
	75% {
		-webkit-transform: none;
		transform: none
	}
	65% {
		-webkit-transform: scaleX(1) scaleY(0);
		transform: scaleX(1) scaleY(0)
	}
}

@keyframes simple-steps-search {
	0% {
		-webkit-transform: scale(0) translate(0, 0);
		transform: scale(0) translate(0, 0)
	}
	100%,
	25%,
	50% {
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	35% {
		-webkit-transform: scale(1) translate(14px, 0);
		transform: scale(1) translate(14px, 0)
	}
	40% {
		-webkit-transform: scale(1) translate(14px, -14px);
		transform: scale(1) translate(14px, -14px)
	}
	45% {
		-webkit-transform: scale(1) translate(0, -14px);
		transform: scale(1) translate(0, -14px)
	}
}

@keyframes point01 {
	0%,
	100% {
		opacity: 0
	}
	20%,
	80% {
		opacity: 1
	}
}

@keyframes point02 {
	0%,
	100%,
	20% {
		opacity: 0
	}
	40%,
	80% {
		opacity: 1
	}
}

@keyframes point03 {
	0%,
	100%,
	40% {
		opacity: 0
	}
	60%,
	80% {
		opacity: 1
	}
}

@keyframes point04 {
	0%,
	100%,
	60% {
		opacity: 0
	}
	80% {
		opacity: 1
	}
}
@keyframes circle-wave {
	5% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	7% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	9% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	11% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}
	100%,
	13% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes clear {
	5%,
	9% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		-webkit-transform-origin: right top;
		transform-origin: right top
	}
	11%,
	7% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		-webkit-transform-origin: right top;
		transform-origin: right top
	}
	100%,
	12% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: right top;
		transform-origin: right top
	}
}
@keyframes hidden-chat {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(224px, 138px);
		transform: translate(224px, 138px)
	}
}
@keyframes hidden-note {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(200px, 146px);
		transform: translate(200px, 146px)
	}
}
@keyframes hidden-clock {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(132px, 171px);
		transform: translate(132px, 171px)
	}
}
@keyframes hidden-book-mark {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(200px, 125px);
		transform: translate(200px, 125px)
	}
}
@keyframes hidden-music {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(150px, 110px);
		transform: translate(150px, 110px)
	}
}
@keyframes hidden-media {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(88px, 148px);
		transform: translate(88px, 148px)
	}
}
@keyframes hidden-app-store {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(26px, 83px);
		transform: translate(26px, 83px)
	}
}
@keyframes hidden-call {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(70px, 66px);
		transform: translate(70px, 66px)
	}
}
@keyframes hidden-color {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(113px, 82px);
		transform: translate(113px, 82px)
	}
}
@keyframes hidden-member {
	0%,
	13% {
		opacity: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: translate(123px, 143px);
		transform: translate(123px, 143px)
	}
}

.pro-banner {
	position: relative;
	height: 500px;
	overflow: hidden;
}

.pro-banner::after {
	content: "";
	display: block;
	width: 100%;
	height: 105%;
	position: absolute;
	background: rgba(0, 0, 0, .4);
	top: 0;
	left: 0;
	z-index: 1;
}

.pro-video-banner .video {
       position: absolute;
       top: -90px;
}

.pro-container {
	top: 0;
	position: absolute;
	width: 100%;
	margin: auto;
	text-align: center;
	padding-top: 60px;
	color: #fff;
	z-index: 2;
}

.pro-container h1 {
	font-size: 36px;
	margin-bottom: 15px;
}

.pro-container p {
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	padding-top: 20px;
	margin-bottom: 40px;
}

a.down {
	text-align: center;
	width: 160px;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
	border: 1px solid #fff;
	border-radius: 3px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	font-size: 16px;
}

a.down i {
	position: relative;
	top: 1px;
	margin-left: 10px;
}

.pro-container a {
	display: inline-block;
	margin: 0 15px;
}

.pro-banner .buttons {
	margin-bottom: 20px;
}

.pro-banner .video-link .video-demo {
	font-size: 14px;
	color: #fff;
}

.pro-banner .video-link a.video-demo:hover {
	color: #1e96ec;
}

.pro-banner .video-link .video-demo i {
	margin-right: 10px;
}

a.down.win-download {
	background-color: #fff;
	color: #1e96ec;
	border-color: #fff;
}

a.win,
a.win-download {
	border-radius: 3px;
	border: 1px solid #fff !important;
	background-color: #fff !important;
	color: #1e96ec !important;
}

a.down.mac-download {
	background-color: #1e96ec;
	color: #fff;
	border-color: #1e96ec;
}

a.mac,
a.mac-download {
	border-radius: 3px;
	background-color: #1e96ec !important;
	color: #fff !important;
	border: 1px solid #1e96ec !important;
}

a.down.win-download:hover {
	background-color: #1e96ec;
	border-color: #1e96ec;
	color: #fff;
}

a.down.mac-download:hover {
	background-color: #fff;
	color: #1e96ec;
	border-color: #fff;
}

a.win:hover,
a.win-download:hover {
	background-color: #1e96ec !important;
	border-color: #1e96ec !important;
	color: #fff !important;
}

a.mac:hover,
a.mac-download:hover {
	background-color: #fff !important;
	color: #1e96ec !important;
	border-color: #fff !important;
}

.pro-banner .video-link {
	margin-bottom: 50px;
}

.pro-banner .features-list a {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	height: 88px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin: 0 15px;
}

.pro-banner .animate-area {
	width: 70px;
	height: 50px;
	margin: auto;
	display: block;
	position: relative;
	margin-bottom: 15px;
}

.pro-banner .animate-area .animate-bg {
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}

.pro-banner .animate-area .animate-key {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}

.pro-banner .animate-area.recover .animate-bg {
	background-image: url(../images/recover-1.svg);
        background-position: 0 -30%;
}

.pro-banner .animate-area.recover .animate-key {
	background-image: url(../images/recover-key.svg);
	width: 64px;
	height: 64px;
	top: 0px;
	right: 4px;
	z-index: 100000;
	transform-origin: 50% 50%;
}

.pro-banner .animate-area.recover:hover .animate-key {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
}
.pro-banner .animate-area.restore .animate-bg {
        width: 64px;
	height: 64px;
	background-image: url(../images/backup-restore.svg);
}

.pro-banner .animate-area.restore .animate-key-1 {
	background-image: url(../images/backup-restore-key.svg);
	width: 64px;
	height: 64px;
	top: 4px;
	right: 4px;
	z-index: 100000;
	transform-origin: 50% 50%;
}

.pro-banner .animate-area.restore:hover .animate-key-1 {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
}
.pro-banner .animate-area.switch .animate-bg {
	height: 64px;
	background-image: url(../images/switch-1.svg);
}

.pro-banner .animate-area.switch .animate-key-1 {
	background-image: url(../images/switch-key-1.svg);
	width: 64px;
	height: 64px;
	top: 0px;
	right: 12px;
	z-index: 100000;
	transform-origin: 50% 50%;
}
.pro-banner .animate-area.switch .animate-key-2 {
	background-image: url(../images/switch-key-2.svg);
	width: 64px;
	height: 64px;
	top: 0px;
	right: -6px;
	z-index: 100000;
	transform-origin: 50% 50%;
}
.pro-banner .animate-area.switch:hover .animate-key-1 {
	right: 2px;
}
.pro-banner .animate-area.switch:hover .animate-key-2 {
	right: 4px;
}

.pro-banner .animate-area.unlock .animate-bg {
        height: 64px;
	background-image: url(../images/unlock.svg);
}

.pro-banner .animate-area.unlock .animate-key {
	background-image: url(../images/unlock-key.svg);
	width: 64px;
	height: 64px;
	top: -15px;
	right: 0px;
	z-index: 100000;
	transform-origin: 25% 0;
}

.pro-banner .animate-area.unlock:hover .animate-key {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.pro-banner .animate-area.error .animate-bg {
        height: 64px;
	background-image: url(../images/error-bg.svg);
}

.pro-banner .animate-area.error .animate-key {
	background-image: url(../images/error-key.svg);
	width: 64px;
	height: 64px;
	top: 0px;
	right: 3px;
	z-index: 100000;
	transform-origin: 0 0;
}

.pro-banner .animate-area.error:hover .animate-key {
	animation: buzz-out 0.75s linear 0s;
	-webkit-animation: buzz-out 0.75s linear 0s;
	-moz-animation: buzz-out 0.75s linear 0s;
}
.pro-banner .animate-area.download-icon .animate-bg {
        background-size:80%;
        height: 64px;
	background-image: url(../images/download.svg);
}

.pro-banner .animate-area.download-icon .animate-key {
	background-image: url(../images/download-key.svg);
	width: 64px;
	height: 64px;
	top: -5px;
	right: 3px;
	z-index: 100000;
	transform-origin: 0 0;
        background-size:80%;
        transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}

.pro-banner .animate-area.download-icon:hover .animate-key {
	top:5px;
}

.pro-banner .animate-area.eraser .animate-bg {
        height: 64px;
	background-image: url(../images/eraser-key.svg);
        transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}

.pro-banner .animate-area.eraser  .animate-key {
	background-image: url(../images/eraser.svg);
	width: 64px;
	height: 64px;
	top: 27px;
	right: -20px;
	z-index: 100000;
}

.pro-banner .animate-area.eraser:hover .animate-bg {
	background-position: 300%;
}
.pro-banner .animate-area.transfer .animate-bg {
	height: 64px;
	background-image: url(../images/transfer.svg);
}

.pro-banner .animate-area.transfer .animate-key-1 {
	background-image: url(../images/transfer-key-1.svg);
	width: 64px;
	height: 64px;
	top: 2px;
	right: 0px;
	z-index: 100000;
        transform-origin: 50% 50%;	
}
.pro-banner .animate-area.transfer .animate-key-2 {
	background-image: url(../images/transfer-key-2.svg);
	width: 64px;
	height: 64px;
	top: 10px;
	right: -2px;
	z-index: 100000;
	
}
.pro-banner .animate-area.transfer:hover .animate-key-1 {
	right:6px;
}
.pro-banner .animate-area.transfer:hover .animate-key-2 {
	right:-8px;
}
.pro-banner .animate-area.root .animate-bg {
        position: relative;
        left: 30px;
        top: 25px;
        width: 16px;
	height: 16px;
	background-color: #ffffff;
        border-radius: 8px;
}
.pro-banner .animate-area.root .animate-key-1 {
	background-image: url(../images/android-root.svg);
        width: 64px;
	height: 64px;
	top: 2px;
	right: 0px;
	z-index: 100000;
}
.pro-banner .animate-area.root:hover .animate-key-1 {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}

.pro-banner .animate-area.convert-apple-music .animate-bg {
	background-image: url(../images/convert-apple-music-bg.svg);
	background-size: 25px;
}

.pro-banner .animate-area.convert-apple-music .animate-key-1 {
	z-index: 10000;
	background-image: url(../images/convert-apple-music-key-1.svg);
	width: 22px;
	height: 30px;
	background-size: 22px;
	right: 1px;
	bottom: -3px;
	transition: 0.3s;
	transition-delay: 1s;
	opacity: 1;
}

.pro-banner .animate-area.convert-apple-music .animate-key-2 {
	background-image: url(../images/convert-apple-music-key-2.svg);
	width: 70px;
	height: 50px;
	top: 0;
	left: 0;
	z-index: 1;
}

.pro-banner .animate-area.convert-apple-music:hover .animate-key-1 {
	animation: buzz-out 0.75s linear 1s;
	-webkit-animation: buzz-out 0.75s linear 1s;
	-moz-animation: buzz-out 0.75s linear 1s;
}

.pro-banner .animate-area.convert-apple-music:hover .animate-key-2 {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}

.pro-banner .animate-area.audiobook-converter .animate-bg {
	background-image: url(../images/audiobook-converter-bg.svg);
	background-size: 20px;
}

.pro-banner .animate-area.audiobook-converter .animate-key-1 {
	z-index: 10000;
	background-image: url(../images/audiobook-converter-key-1.svg);
	width: 22px;
	height: 23px;
	background-size: 22px;
	right: 0px;
	bottom: -1px;
}

.pro-banner .animate-area.audiobook-converter .animate-key-2 {
	background-image: url(../images/audiobook-converter-key-2.svg);
	width: 70px;
	height: 50px;
	top: 0;
	left: 0;
	z-index: 1;
}

.pro-banner .animate-area.audiobook-converter:hover .animate-key-1 {
	transform: translateY(5px);
}

.pro-banner .animate-area.audiobook-converter:hover .animate-key-2 {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
.pro-banner .animate-area.fix .animate-bg {
        background-position: 100% 0;
        height: 64px;
	background-image: url(../images/fix.svg);
}

.pro-banner .animate-area.fix .animate-key {
	background-image: url(../images/fix-key.svg);
	width: 64px;
	height: 64px;
	top: 0px;
	right: 0px;
	z-index: 100000;
	transform-origin: 50% 50%;
}

.pro-banner .animate-area.fix:hover .animate-key {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
.pro-banner .animate-area.safe .animate-bg {
        background-position: 100% 0;
        height: 64px;
	background-image: url(../images/safe.svg);
}
svg{
    position: absolute;
    top: -45px;
    left: 17px;  
}
.pro-banner .animate-area.safe .animate-key:hover path {
	stroke-dasharray:1000;
	stroke-dashoffset:1000;
	-webkit-animation:dash 5s linear infinite;
	animation:dash 3s linear infinite;
}
@-webkit-keyframes dash {
	to {
	stroke-dashoffset:0;
}
}@keyframes dash {
	to {
	stroke-dashoffset:0;
}
}

.phone-tool{
    background: #03a9f4bf;
    padding-bottom: 20px;
    padding-top: 10px;
}
.proselect_box .item {
    float: left;
    text-align: center;
    overflow: hidden;
    width: 19.2%;
    height: 260px;
    margin: 10px 0 0 1%;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 10px #e5e5e5;
    position: relative;
}
.proselect_box .item .icon {
    display: inline-block;
    background-size: 100% auto;
    width: 60px;
    height: 60px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.proselect_box .btnBox {
    opacity: 0;
    text-align: center;
    width: 180px;
    min-height: 90px;
    padding-top: 10px;
    margin: 0 auto;
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition-property: -webkit-transform , -webkit-opacity;
    -moz-transition-property: -moz-transform , -moz-opacity;
    transition-property: transform , opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.proselect_box .item:hover .btnBox {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}
.proselect_box .btnBox a {
    display: block;
    margin: 5px;
    padding: 8px 20px;
    border-radius: 2px;
    background: #fff;
    color: #0960b0 !important;
    font-size: 16px;
    line-height: 27px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none !important;
}
.proselect_box .btnBox a:hover {
    text-decoration: none;
    background: #044887;
    color: #fff !important;
}
.proselect_box .btnBox a i{
    padding-right:12px;
}
.proselect_box .item_2 .btnBox a {
    display: inline-block;
}
.proselect_box .item .icon.i1 {
    background: url(../images/recover.svg) no-repeat;
    background-size: 80%;
    background-position: center;
}
.proselect_box .item .icon.i2 {
    background: url(../images/Transfer.svg) no-repeat;
    background-size: 80%;
    background-position: center;
}
.proselect_box .item .icon.i3 {
    background: url(../images/repair.svg) no-repeat;
    background-size: 100%;
    background-position: center;
}
.proselect_box .item .icon.i4 {
    background: url(../images/Eraser.svg) no-repeat;
    background-size: 80%;
    background-position: center;
}
.proselect_box .item .icon.i5 {
    background: url(../images/switch.svg) no-repeat;
    background-size: 60%;
    background-position: center;
}
.proselect_box .item .icon.i6 {
    background: url(../images/backup.svg) no-repeat;
    background-size: 80%;
    background-position: center;
}
.proselect_box .item .icon.i7 {
    background: url(../images/unlock_phone.svg) no-repeat;
    background-size: 60%;
    background-position: center;
}
.proselect_box .item .icon.i8 {
    background: url(../images/restore-app.svg) no-repeat;
    background-size: 70%;
    background-position: center;
}
.proselect_box .item:first-child {
    margin-left: 0;
}
.proselect_box .item_h2 {
    height: 530px;
}

.proselect_box .item_2 {
    width: 39.4%;
}
.proselect_box .item .box {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
}
.proselect_box .item .info {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2em;
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.proselect_box .item:hover .info {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}
.proselect_box .item .name {
    font-size: 16px;
    line-height: 1.2em;
    color: #353132;
    padding: 5px 5px 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.proselect_box .item:hover .info, .proselect_box .item:hover .name {
    color: #fff;
}
.proselect_box .item .pic {
    overflow: hidden;
    width: 62px;
    height: 62px;
    margin: 0 auto 10px;
    border: solid 2px #f2f2f2;
    border-radius: 100px;
}
.proselect_box .item:hover .pic {
    border: solid 2px #37b5f0;
    margin-bottom: 0;
    display: none;
}
.proselect_box .item .info p {
    color: #999;
    padding: 0 20px;
    min-height: 36px;
}

.proselect_box .item:hover .info p {
    color: #fff;
}
.proselect_box .item .info p span {
    display: block;
    padding-top: 10px;
}
.proselect_box .btnBox {
    opacity: 0;
    text-align: center;
    width: 180px;
    min-height: 90px;
    padding-top: 10px;
    margin: 0 auto;
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition-property: -webkit-transform , -webkit-opacity;
    -moz-transition-property: -moz-transform , -moz-opacity;
    transition-property: transform , opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.proselect_box .item_2 .btnBox {
    width: auto;
}

.proselect_box .item_2 .btnBox a {
    display: inline-block;
}
.proselect_box .item:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 4px;
    background: #00a2ea;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.proselect_box .item:hover:after {
    opacity: 1;
}
.my-left {
	float: left;
	width: 50%;
}

.my-right {
	float: right;
	width: 50%;
}

@media (min-width: 769px) {
	.my-left {
		padding-right: 5%;
	}
}

@media (min-width: 769px) {
	.my-right {
		padding-left: 5%;
	}
}

.painting {
	margin: 40px 0 48px;
}

.writing {
	width: 45%;
	padding: 50px 0;
}
.writing ul{
	list-style-image:url(../images/guo.png) ;
        font-size:16px;
        padding-left:0; 
        line-height: 36px;
}
.recover-data{
        padding-top: 40px;
}
.recover-data .painting {
		width: 45%;
		margin: 20px 0 0;
	}
@media (max-width: 1366px) and (min-width: 1101px) {
	.recover-data .painting {
		width: 45%;
		margin: 20px 0 0;
	}
	.recover-files .painting {
		width: 45%;
		margin: 20px 0 0;
	}
        .android-unlock .painting {
		width: 45%;
		margin: 20px 0 0;
	}
}

@media (max-width: 1366px) and (min-width: 1101px) {
	.writing {
		padding: 40px 0;
	}
}

.obj-wrap {
	position: relative;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.obj-wrap.inview {
	opacity: 1;
}

@media (max-width: 1366px) and (min-width: 769px) {
	.painting .obj-wrap {
		margin-top: 0!important;
	}
}

.painting .obj-wrap {
	width: 662px;
	height: 608px;
	margin-right: -67px;
}
.adr-simple-step  .painting .obj-wrap {
	width: 606px;
	height: 610px;	
}

.obj-wrap>* {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
}

.painting .obj-wrap div {
	position: absolute;
	background: center/100% no-repeat;
}

.painting .obj-wrap .recover-iphone {
	width: 640px;
	height: 83px;
	left: 18px;
	top: 368px;
	background-image: url(../images/recover-iphone.svg);
	opacity: 0;
}

.obj-wrap.inview .recover-iphone {
	opacity: 1;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

.painting .obj-wrap .recover-iphone::before {
	content: '';
	position: absolute;
	width: 532px;
	height: 56px;
	left: 61px;
	top: 2px;
	background: url(../images/recover-iphone-bg.png) center/100% no-repeat;
}

.painting .obj-wrap .recover-iphone-shadow {
	width: 640px;
	height: 38px;
	left: 18px;
	top: 450px;
	background-image: url(../images/recover-iphone-shadow.png);
	opacity: 0;
}

.obj-wrap.inview .recover-iphone-shadow {
	opacity: .2;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

.painting .obj-wrap .recover-circle {
	width: 351px;
	height: 212px;
	left: 160px;
	top: 32px;
	background-image: url(../images/recover-circle.png);
	opacity: 0;
}

.obj-wrap.inview .recover-circle {
	opacity: 1;
	-webkit-transition: opacity .5s ease-out 2.7s;
	transition: opacity .5s ease-out 2.7s;
}

.painting .obj-wrap .sd-circle {
	width: 144px;
	height: 144px;
	top: 151px;
	left: 268px;
	background-image: url(../images/sd-circle.png);
}

.painting .obj-wrap .clear-circle {
	width: 138px;
	height: 138px;
	top: 0;
	left: 98px;
	background-image: url(../images/clear-circle.png);
}

.painting .obj-wrap .reflash-circle {
	width: 138px;
	height: 138px;
	top: 4px;
	left: 421px;
	background-image: url(../images/reflash-circle.png);
}

.obj-wrap.inview .reflash-circle {
	opacity: 1;
	-webkit-animation: reflash-circle 6s ease-out 1.4s both;
	animation: reflash-circle 6s ease-out 1.4s both;
}

.painting .obj-wrap .recover-icon {
	width: 654px;
	height: 67px;
	left: 0;
	bottom: 0;
}

.painting .obj-wrap .recover-pic {
	width: 65px;
	height: 52px;
	left: 0;
	top: 11px;
	background-image: url(../images/recover-pic.svg);
	-webkit-transform: translate(312px, -96px) scale(0);
	transform: translate(312px, -96px) scale(0);
}

.painting .obj-wrap .recover-weichat {
	width: 59px;
	height: 57px;
	left: 119px;
	top: 8px;
	background-image: url(../images/recover-weichat.svg);
	-webkit-transform: translate(175px, -96px) scale(0);
	transform: translate(175px, -96px) scale(0);
}

.painting .obj-wrap .recover-video {
	width: 68px;
	height: 50px;
	left: 233px;
	top: 11px;
	background-image: url(../images/recover-video.svg);
	-webkit-transform: translate(64px, -96px) scale(0);
	transform: translate(64px, -96px) scale(0);
}

.painting .obj-wrap .recover-chat {
	width: 61px;
	height: 56px;
	left: 363px;
	top: 8px;
	background-image: url(../images/recover-chat.svg);
	-webkit-transform: translate(-47px, -96px) scale(0);
	transform: translate(-47px, -96px) scale(0);
}

.painting .obj-wrap .recover-mic {
	width: 51px;
	height: 68px;
	left: 482px;
	top: 0;
	background-image: url(../images/recover-mic.svg);
	-webkit-transform: translate(-169px, -96px) scale(0);
	transform: translate(-169px, -96px) scale(0);
}

.painting .obj-wrap .recover-more {
	width: 58px;
	height: 13px;
	left: 587px;
	top: 25px;
	background-image: url(../images/recover-more.svg);
	-webkit-transform: translate(-280px, -96px) scale(0);
	transform: translate(-280px, -96px) scale(0);
}

.painting .obj-wrap .recover-icon div {
	opacity: .15;
}

.obj-wrap.inview .recover-icon .recover-chat,
.obj-wrap.inview .recover-icon .recover-mic,
.obj-wrap.inview .recover-icon .recover-more,
.obj-wrap.inview .recover-icon .recover-pic,
.obj-wrap.inview .recover-icon .recover-video,
.obj-wrap.inview .recover-icon .recover-weichat {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform .5s ease-out .6s;
	-moz-transition: -moz-transform .5s ease-out .6s;
	transition: transform .5s ease-out .6s;
}

.painting .obj-wrap .sd-circle::before {
	content: '';
	position: absolute;
	width: 62px;
	height: 82px;
	left: 41px;
	top: 33px;
	background: url(../images/recover-sdcard.svg) center/100% no-repeat;
	opacity: 0;
}

.painting .obj-wrap .clear-circle::before {
	content: '';
	position: absolute;
	width: 70px;
	height: 58px;
	left: 34px;
	top: 50px;
	background: url(../images/recover-clear.svg) center/100% no-repeat;
	opacity: 0;
}

.painting .obj-wrap .clear-circle::after {
	content: '';
	position: absolute;
	width: 70px;
	height: 8px;
	left: 34px;
	top: 38px;
	background: url(../images/recover-clear1.svg) center/100% no-repeat;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	opacity: 0;
}

.painting .obj-wrap .reflash-circle::before {
	content: '';
	position: absolute;
	width: 84px;
	height: 77px;
	left: 27px;
	top: 32px;
	background: url(../images/recover-reflash.svg) center/100% no-repeat;
	opacity: 0;
}

.obj-wrap.inview .sd-circle {
	opacity: 1;
	-webkit-animation: sd-circle 6s ease-out 1.2s both;
	animation: sd-circle 6s ease-out 1.2s both
}

.obj-wrap.inview .sd-circle::before {
	opacity: 1;
	-webkit-transition: opacity 1s ease-out 4.5s;
	transition: opacity 1s ease-out 4.5s;
	-webkit-animation: recover-sdcard 2.5s ease-out 5s;
	animation: recover-sdcard 2.5s ease-out 5s
}

.obj-wrap.inview .reflash-circle {
	opacity: 1;
	-webkit-animation: reflash-circle 6s ease-out 1.4s both;
	animation: reflash-circle 6s ease-out 1.4s both
}

.obj-wrap.inview .reflash-circle::before {
	opacity: 1;
	-webkit-animation: recover-reflash 2s ease-out 4.5s both;
	animation: recover-reflash 2s ease-out 4.5s both
}

.obj-wrap.inview .clear-circle {
	opacity: 1;
	-webkit-animation: clear-circle 6s ease-out 1.3s both;
	animation: clear-circle 6s ease-out 1.3s both
}

.obj-wrap.inview .clear-circle::before {
	opacity: 1;
	-webkit-transition: all 1s ease-out 4.5s;
	transition: all 1s ease-out 4.5s
}

.obj-wrap.inview .clear-circle::after {
	opacity: 1;
	-webkit-animation: recover-clear-cover 2s ease-out 4.5s both;
	animation: recover-clear-cover 2s ease-out 4.5s both
}

.pro-wrapper {
	width: 1190px;
	margin: 0 auto;
	max-width: 80%;
}

.writing h2 {
	font-size: 30px;
	line-height: 42px;
}

.writing h2+p {
	margin-top: 30px;
	font-size: 16px;
	line-height: 25px;
}

.recover-files {
	background: url(../images/recover-files-bg.jpg) center/cover no-repeat;
}

.broken-android{
       overflow: hidden;
}
.pro-wrapper::after {
	content: '';
	display: block;
	clear: both;
}

.painting .obj-wrap .recover-files-broken {
	width: 143px;
	height: 148px;
	left: 0;
	top: 9px;
	background-color: #fff;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
	-webkit-transform: translate(380px, 193px) scale(0);
	transform: translate(380px, 193px) scale(0);
}

.painting .obj-wrap .recover-files-broken::before {
	content: '';
	position: absolute;
	width: 120px;
	height: 147px;
	left: 8px;
	top: 37px;
	z-index: 1;
	background-image: url(../images/broken-bg.png);
	opacity: 0;
}

.painting .obj-wrap .broken-iphone {
	width: 132px;
	height: 171px;
	position: absolute;
	left: 3px;
	top: 26px;
	background-image: url(../images/broken-iphone.png);
	opacity: 0;
}

.painting .obj-wrap .recover-files-broken::after {
	content: '';
	position: absolute;
	width: 120px;
	height: 0;
	left: 8px;
	top: 37px;
	z-index: 2;
	background-image: url(../images/broken.png);
}

.painting .obj-wrap .recover-files-water {
	width: 137px;
	height: 137px;
	left: 0;
	top: 236px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
	-webkit-transform: translate(380px, 0) scale(0);
	transform: translate(380px, 0) scale(0);
}

.painting .obj-wrap.inview .recover-files-broken::before {
	opacity: 1;
	-webkit-transition: opacity .5s ease-out 1.5s;
	transition: opacity .5s ease-out 1.5s;
}

.painting .obj-wrap.inview .broken-iphone {
	opacity: 1;
	-webkit-transition: opacity .5s ease-out 1s;
	transition: opacity .5s ease-out 1s;
}

.painting .obj-wrap.inview .recover-files-broken::after {
	height: 147px;
	-webkit-transition: all .5s ease-out 2s;
	transition: all .5s ease-out 2s;
}

.painting .obj-wrap .recover-files-water::before {
	content: '';
	width: 139px;
	height: 107px;
	position: absolute;
	left: 0;
	top: 31px;
	z-index: 1;
	opacity: 0;
	background: url(../images/recover-files-water.png) center/100% no-repeat;
}

.painting .obj-wrap .water-iphone {
	width: 125px;
	height: 157px;
	top: 20px;
	left: -4px;
	position: absolute;
	background-image: url(../images/water-iphone.png);
}

.obj-wrap.inview .recover-files-water::before {
	opacity: 1;
	-webkit-transition: opacity .5s ease-out 2.5s;
	transition: opacity .5s ease-out 2.5s;
}

.painting .obj-wrap.inview .water-iphone {
	-webkit-animation: water-iphone 2s ease-out 3s both;
	animation: water-iphone 2s ease-out 3s both;
}

.painting .obj-wrap .recover-files-down {
	width: 143px;
	height: 148px;
	left: 0;
	top: 447px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
	-webkit-transform: translate(380px, -193px) scale(0);
	transform: translate(380px, -193px) scale(0);
}

.painting .obj-wrap .recover-files-down::before {
	content: '';
	width: 143px;
	height: 174px;
	position: absolute;
	top: 25px;
	left: -9px;
	opacity: 0;
	background: url(../images/down-iphone.png) center/100% no-repeat;
}

.recover-files .painting .obj-wrap .point01 {
	width: 6px;
	height: 6px;
	background-color: #fff;
	position: absolute;
	border-radius: 50%;
	left: 53px;
	top: 97px;
	opacity: 0;
	-webkit-transform: translate(-18px, -12px);
	transform: translate(-18px, -12px);
}

.recover-files .painting .obj-wrap .point02 {
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 63px;
	top: 102px;
	opacity: 0;
	-webkit-transform: translate(-27px, -16px);
	transform: translate(-27px, -16px);
}

.recover-files .painting .obj-wrap .point03 {
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 73px;
	top: 107px;
	opacity: 0;
	-webkit-transform: translate(-35px, -20px);
	transform: translate(-35px, -20px);
}

.obj-wrap.inview .recover-files-down::before {
	opacity: 1;
	-webkit-transition: opacity .5s ease-out 4s;
	transition: opacity .5s ease-out 4s;
}

.painting .obj-wrap.inview .point01 {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 4.9s;
	transition: all .5s ease-out 4.9s;
}

.painting .obj-wrap.inview .point02 {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 4.7s;
	transition: all .5s ease-out 4.7s;
}

.painting .obj-wrap.inview .point03 {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 4.5s;
	transition: all .5s ease-out 4.5s;
}

.obj-wrap.inview .recover-files-broken,
.obj-wrap.inview .recover-files-down,
.obj-wrap.inview .recover-files-water {
	will-change: transform;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
}

.painting .obj-wrap .recover-files-iphone {
	width: 361px;
	height: 605px;
	left: 292px;
	top: 0;
	background-image: url(../images/recover-files-iphone.png);
	opacity: 0;
}
.ios-recover-system .painting .obj-wrap .recover-files-iphone {
    width: 291px;
    height: 605px;
    left: 330px;
    top: 0;
    background: url(../images/main-iphone-01.png) center/100% auto no-repeat;
    opacity: 0;
}
.ios-recover-system .painting .obj-wrap.inview .recover-files-iphone {
   opacity: 1;
   -webkit-transition: opacity .5s ease-out;
   transition: opacity .5s ease-out;
}
.painting .obj-wrap .recover-files-iphone::before {
	content: '';
	width: 279px;
	height: 464px;
	position: absolute;
	top: 55px;
	left: 43px;
	background: url(../images/recover-files-iphone-bg.jpg) center/100% no-repeat;
}
.ios-recover-system .painting .obj-wrap .recover-files-iphone::before {
    content: '';
    width: 256px;
    height: 555px;
    position: absolute;
    top: 77px;
    left: 18px;
    background: url(../images/recover-files-iphone-bg.jpg) center/100% no-repeat;
    background-size: 107%;
    background-position-y: 0;
}
.obj-wrap.inview .recover-files-iphone {
	opacity: 1;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}
.painting .obj-wrap .recovery-mode{
    width: 143px;
    height: 148px;
    left: 0;
    top: 9px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, 193px) scale(0);
    transform: translate(380px, 193px) scale(0);
}
.painting .obj-wrap .recovery-mode-iphone {
    width: 52px;
    height: 72px;
    position: absolute;
    left: 48px;
    top: 40px;
    background-image: url(../images/recovery-mode-iphone.png);
    opacity: 0;
}
.painting .obj-wrap.inview .recovery-mode-iphone {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1s;
    transition: opacity .5s ease-out 1s;
}
.painting .obj-wrap .apple-logo {
    width: 137px;
    height: 137px;
    left: 0;
    top: 236px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, 0) scale(0);
    transform: translate(380px, 0) scale(0);
}
.painting .obj-wrap .apple-logo-iphone {
    width: 52px;
    height: 72px;
    top: 40px;
    left: 45px;
    position: absolute;
    background-image: url(../images/apple-logo-iphone.png);
}
.painting .obj-wrap.inview .apple-logo-iphone {
    -webkit-animation: water-iphone 2s ease-out 3s both;
    animation: water-iphone 2s ease-out 3s both;
}
.painting .obj-wrap .loop-restart {
    width: 143px;
    height: 148px;
    left: 0;
    top: 447px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, -193px) scale(0);
    transform: translate(380px, -193px) scale(0);
}
.painting .obj-wrap .loop-restart-iphone {
   content: '';
    width: 52px;
    height: 72px;
    position: absolute;
    top: 40px;
    left: 45px;
    opacity: 0;
    background: url(../images/loop-restart-iphone.png) center/100% no-repeat;
}
.painting .obj-wrap.inview .loop-restart-iphone{
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 4s;
    transition: opacity .5s ease-out 4s;
}
.obj-wrap.inview .recovery-mode, .obj-wrap.inview .apple-logo, .obj-wrap.inview .loop-restart {
    will-change: transform;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .5s ease-out .5s;
    transition: all .5s ease-out .5s;
}

.painting .obj-wrap .accident {
    width: 143px;
    height: 148px;
    left: 0;
    top: 9px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, 193px) scale(0);
    transform: translate(380px, 193px) scale(0);
}
.painting .obj-wrap .accident-iphone {
    width: 52px;
    height: 72px;
    position: absolute;
    left: 48px;
    top: 40px;
    background-image: url(../images/accidentally_deleting_data.png);
    opacity: 0;
}
.painting .obj-wrap.inview .accident-iphone {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1s;
    transition: opacity .5s ease-out 1s;
}
.painting .obj-wrap .upgrade {
     width: 137px;
    height: 137px;
    left: 0;
    top: 236px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, 0) scale(0);
    transform: translate(380px, 0) scale(0);
}
.painting .obj-wrap .upgrade-iphone {
    width: 52px;
    height: 72px;
    position: absolute;
    left: 43px;
    top: 30px;
    background-image: url(../images/system_upgrade.png);
    opacity: 0;
}
.painting .obj-wrap.inview .upgrade-iphone {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1s;
    transition: opacity .5s ease-out 1s;
}
.painting .obj-wrap .reset {
    width: 143px;
    height: 148px;
    left: 0;
    top: 447px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, -193px) scale(0);
    transform: translate(380px, -193px) scale(0);
}
.painting .obj-wrap .reset-iphone {
    width: 52px;
    height: 72px;
    position: absolute;
    left: 48px;
    top: 40px;
    background-image: url(../images/restore_factory_settings.png);
    opacity: 0;
}
.painting .obj-wrap.inview .reset-iphone {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1s;
    transition: opacity .5s ease-out 1s;
}
.painting .obj-wrap .damaged{
   width: 143px;
    height: 148px;
    left: 211px;
    top: 658px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, -193px) scale(0);
    transform: translate(193px, -380px) scale(0);
}
.painting .obj-wrap .damaged-iphone {
    width: 52px;
    height: 72px;
    position: absolute;
    left: 48px;
    top: 40px;
    background-image: url(../images/mobile_phone_wate.png);
    opacity: 0;
}
.ios-system-recovery .painting .obj-wrap .damaged-iphone{
    background-image: url(../images/DFU-mode.png);
}
.painting .obj-wrap.inview .damaged-iphone {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1s;
    transition: opacity .5s ease-out 1s;
}
.painting .obj-wrap .forget{
    width: 143px;
    height: 148px;
    left: 422px;
    top: 658px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, -193px) scale(0);
    transform: translate(0, -380px) scale(0);
}
.painting .obj-wrap .forget-iphone {
    width: 52px;
    height: 72px;
    position: absolute;
    left: 48px;
    top: 40px;
    background-image: url(../images/forget_the_password.png);
    opacity: 0;
}
.ios-system-recovery .painting .obj-wrap.inview .forget-iphone{
    background-image: url(../images/Frozen.png);
}
.painting .obj-wrap.inview .forget-iphone {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1s;
    transition: opacity .5s ease-out 1s;
}
.painting .obj-wrap .cell{
    width: 137px;
    height: 137px;
    left: 633px;
    top: 658px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 6px 13px rgba(152, 152, 152, .34);
    -webkit-transform: translate(380px, 0) scale(0);
    transform: translate(-193px, -380px) scale(0);
}
.painting .obj-wrap .cell-iphone {
    width: 52px;
    height: 72px;
    position: absolute;
    left: 48px;
    top: 40px;
    background-image: url(../images/cell_phone_damage.png);
    opacity: 0;
}
.ios-system-recovery .painting .obj-wrap.inview .cell-iphone{
    background-image: url(../images/Disabled.png);
}
.painting .obj-wrap.inview .cell-iphone {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1s;
    transition: opacity .5s ease-out 1s;
}
.obj-wrap.inview .accident, .obj-wrap.inview .upgrade, .obj-wrap.inview .reset, .obj-wrap.inview .damaged, .obj-wrap.inview .forget, .obj-wrap.inview .cell{
    will-change: transform;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .5s ease-out .5s;
    transition: all .5s ease-out .5s;
}


.painting .obj-wrap .recover-files-line {
	width: 496px;
	height: 84px;
	left: 227px;
	top: 199px;
	background-image: url(../images/recover-files-line.png);
}

.obj-wrap.inview .recover-files-line {
	-webkit-animation: recover-files-line 3s ease-out 1s both;
	animation: recover-files-line 3s ease-out 1s both;
}

.painting .obj-wrap .recover-files-circle {
	width: 132px;
	height: 132px;
	left: 412px;
	top: 205px;
	background-image: url(../images/recover-files-circle.png);
}

.obj-wrap.inview .recover-files-circle {
	-webkit-animation: recover-files-circle 2s ease-out 4s both;
	animation: recover-files-circle 2s ease-out 4s both;
}

.painting .obj-wrap .recover-files-circle::before {
	content: '';
	position: absolute;
	width: 77px;
	height: 88px;
	left: 27px;
	top: 25px;
	z-index: 1;
	background: url(../images/recover-files-protect.svg) center/100% no-repeat;
}
.ios-recover-system .painting .obj-wrap .recover-files-circle::before{
        top: 23px;
        background: url(../images/standard_mode.png) center/100% no-repeat;
}

.obj-wrap.inview .recover-files-circle::before {
	-webkit-animation: recover-files-circle 2s ease-out 5s both;
	animation: recover-files-circle 2s ease-out 5s both;
}

.painting .obj-wrap .recover-files-shadow {
	width: 298px;
	height: 572px;
	left: 325px;
	top: 581px;
	opacity: 0;
	background-image: url(../images/recover-files-shadow.png);
}

.obj-wrap.inview .recover-files-shadow {
	opacity: .1;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}
.simple-steps{
       overflow: hidden;
}
.simple-steps:nth-child(even) {
	background: url(../images/simple-steps-bg.jpg) center/cover no-repeat;
}

.painting .obj-wrap .simple-steps-line01 {
	width: 392px;
	height: 117px;
	left: 100px;
	top: 429px;
	background-image: url(../images/simple-steps-line01.png);
	background-position: -392px -117px;
}

.obj-wrap.inview .simple-steps-line01 {
	background-position: center;
	-webkit-transition: all .5s linear 5.3s;
	transition: all .5s linear 5.3s;
}

.painting .obj-wrap .simple-steps-line02 {
	width: 410px;
	height: 212px;
	left: 100px;
	top: 219px;
	background-image: url(../images/simple-steps-line02.png);
	background-position: 410px -212px;
}

.obj-wrap.inview .simple-steps-line02 {
	background-position: center;
	-webkit-transition: all .5s linear 3.7s;
	transition: all .5s linear 3.7s;
}

.painting .obj-wrap .simple-steps-line03 {
	width: 439px;
	height: 149px;
	left: 72px;
	top: 72px;
	background-image: url(../images/simple-steps-line03.png);
	background-position: -439px -149px;
}

.obj-wrap.inview .simple-steps-line03 {
	background-position: center;
	-webkit-transition: all .5s linear 2s;
	transition: all .5s linear 2s;
}

.painting .obj-wrap .simple-steps-circle01 {
	width: 150px;
	height: 150px;
	left: 425px;
	top: 460px;
	background-image: url(../images/simple-steps-circle01.png);
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(236, 89, 135, .34);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.obj-wrap.inview .simple-steps-circle01 {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 5.7s;
	transition: all .5s ease-out 5.7s;
}

.painting .obj-wrap .simple-steps-circle01::before {
	content: '';
	position: absolute;
	width: 76px;
	height: 88px;
	left: 37px;
	top: 31px;
	background: url(../images/simple-steps-circle01.svg) center top/100% no-repeat;
}

.obj-wrap.inview .simple-steps-circle01::before {
	-webkit-animation: simple-steps-rotate 1s ease-out 6.3s both;
	animation: simple-steps-rotate 1s ease-out 6.3s both;
}

.painting .obj-wrap .simple-steps-circle02 {
	width: 160px;
	height: 160px;
	left: 33px;
	top: 336px;
	background-image: url(../images/simple-steps-circle02.png);
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(157, 197, 35, .34);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.obj-wrap.inview .simple-steps-circle02 {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 4.15s;
	transition: all .5s ease-out 4.15s;
}

.obj-wrap .simple-steps-circle02::before {
	content: '';
	position: absolute;
	width: 97px;
	height: 53px;
	left: 33px;
	top: 56px;
	background: url(../images/simple-steps-circle02.svg) center/100% no-repeat;
}
.obj-wrap.inview .simple-steps-circle02::before {
	-webkit-animation: simple-steps-eyes 1s ease-out 4.45s both;
	animation: simple-steps-eyes 1s ease-out 4.45s both;
}
.recover-files.ios-system-recovery .painting .obj-wrap .simple-steps-circle01 {
        width: 160px;
	height: 160px;
	left: 33px;
	top: 336px;
	background-image: url(../images/simple-steps-circle02.png);
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(157, 197, 35, .34);
	-webkit-transform: scale(0);
	transform: scale(0);
	
}

.recover-files.ios-system-recovery .obj-wrap.inview .simple-steps-circle01 {
        -webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 4.15s;
	transition: all .5s ease-out 4.15s;
}

.recover-files.ios-system-recovery .painting .obj-wrap .simple-steps-circle01::before { 
        content: '';
	position: absolute;
	width: 76px;
	height: 88px;
	left: 39px;
	top: 37px;     
	background: url(../images/simple-steps-circle01.svg) center/100% no-repeat;
}

.recover-files.ios-system-recovery .obj-wrap.inview .simple-steps-circle01::before {
        -webkit-animation: simple-steps-rotate 1s ease-out 4.45s both;
	animation: simple-steps-rotate 1s ease-out 4.45s both;
	
}

.recover-files.ios-system-recovery .painting .obj-wrap .simple-steps-circle02 {
	width: 150px;
	height: 150px;
	left: 425px;
	top: 460px;
	background-image: url(../images/simple-steps-circle01.png);
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(236, 89, 135, .34);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.recover-files.ios-system-recovery .obj-wrap.inview .simple-steps-circle02 {
       -webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 5.7s;
	transition: all .5s ease-out 5.7s;	
}

.recover-files.ios-system-recovery .obj-wrap .simple-steps-circle02::before {
        content: '';
	position: absolute;
	width: 97px;
	height: 53px;
	left: 30px;
	top: 50px;
	background: url(../images/simple-steps-circle02.svg) center top/100% no-repeat;
	
}
.recover-files.ios-system-recovery .obj-wrap.inview .simple-steps-circle02::before {
        -webkit-animation: simple-steps-eyes 1s ease-out 6.3s both;
	animation: simple-steps-eyes 1s ease-out 6.3s both;
}

.painting .obj-wrap .simple-steps-circle03 {
	width: 190px;
	height: 190px;
	left: 416px;
	top: 122px;
	background-image: url(../images/simple-steps-circle03.png);
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(226, 131, 4, .34);
	-webkit-transform: scale(0);
	transform: scale(0);
	will-change: transform;
}

.obj-wrap.inview .simple-steps-circle03 {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform .5s ease-out 2.4s;
	-moz-transition: -moz-transform .5s ease-out 2.4s;
	transition: transform .5s ease-out 2.4s;
}

.painting .obj-wrap .simple-steps-circle03::before {
	content: '';
	position: absolute;
	width: 149px;
	height: 115px;
	left: 8px;
	top: 47px;
	background: url(../images/simple-steps-circle03.svg) center/100% no-repeat;
}

.obj-wrap.inview .simple-steps-circle03::before {
	-webkit-animation: simple-steps-search 2s ease-out 2.8s both;
	animation: simple-steps-search 2s ease-out 2.8s both;
}


.recover-files.ios-system-recovery .painting .obj-wrap .simple-steps-circle03 {
	width: 190px;
	height: 190px;
	left: 416px;
	top: 122px;
	background-image: url(../images/simple-steps-circle03.png);
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(226, 131, 4, .34);
	-webkit-transform: scale(0);
	transform: scale(0);
	will-change: transform;
}

.recover-files.ios-system-recovery .obj-wrap.inview .simple-steps-circle03 {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform .5s ease-out 2.4s;
	-moz-transition: -moz-transform .5s ease-out 2.4s;
	transition: transform .5s ease-out 2.4s;
}

.recover-files.ios-system-recovery .painting .obj-wrap .simple-steps-circle03::before {
	content: '';
        position: absolute;
        width: 130px;
        height: 115px;
        left: 28px;
        top: 40px;
	background: url(../images/download.svg) center/100% no-repeat;
}
.recover-files.ios-system-recovery .painting .obj-wrap .simple-steps-circle03::after{
	content: '';
	position: absolute;
	width: 149px;
	height: 115px;
	left: 20px;
	top: 27px;
	background: url(../images/download-key.svg) center/100% no-repeat;
}
.recover-files.ios-system-recovery .obj-wrap.inview .simple-steps-circle03::before{
        -webkit-animation: none;
	animation: none;
}

.recover-files.ios-system-recovery .obj-wrap.inview .simple-steps-circle03::after{
        top:47px;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all 2s ease-out 2.8s;
	transition: all 2s ease-out 2.8s;
}

.painting .obj-wrap .simple-steps-circle04 {
	width: 161px;
	height: 161px;
	background-image: url(../images/simple-steps-circle04.png);
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 6px 13px rgba(4, 171, 226, .34);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.obj-wrap.inview .simple-steps-circle04 {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out 1s;
	transition: all .5s ease-out 1s;
	will-change: transform;
}

.painting .obj-wrap .simple-steps-circle04::before {
	content: '';
	position: absolute;
	width: 226px;
	height: 147px;
	left: 150px;
	top: 90px;
	background: url(../images/simple-steps-circle04.svg) center/100% no-repeat;
}

.obj-wrap.inview .simple-steps-circle04::before {
	left: 27px;
	top: 40px;
	-webkit-transition: all .5s ease-out 1.5s;
	transition: all .5s ease-out 1.5s;
}

.secure-recovery {
	background: url(../images/secure-recovery-bg.jpg) center/cover no-repeat;
}
.secure-recovery .painting{
	padding-left: 0;
}
.painting .obj-wrap .secure-recovery-circle {
	width: 364px;
	height: 364px;
	left: 201px;
	top: 0;
	background-image: url(../images/secure-recovery-circle.png);
	-webkit-filter: drop-shadow(0 5px 13px rgba(148, 255, 223, .75));
	filter: drop-shadow(0 5px 13px rgba(148, 255, 223, .75));
	-webkit-transform: scale(0);
	transform: scale(0);
}
.painting .obj-wrap .android-phone{
    opacity:0;
    width: 45%;
    height: 75%;
        
}
.painting .obj-wrap .apple-phone{
    opacity:0;
    left: 500px;
    width: 35%;
    height: 70%;
        
}

.obj-wrap.inview .android-phone {
        opacity:1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.painting .obj-wrap .android-phone::before {
	content: '';
        width: 225px;
        height: 350px;
        position: absolute;
        left: 40px;
        top: 40px;
	background: url(../images/main-iphone-bg.jpg) center/100% no-repeat;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.mobilesync-secure-recovery .painting .obj-wrap .android-phone::before{ 
    width: 265px;
    height: 350px;
    left: 17px;
    top: 47px;    
}
.obj-wrap.inview .android-phone::before {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
	
}
.obj-wrap.inview .apple-phone {
        opacity:1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.painting .obj-wrap .apple-phone::before {
	content: '';
        width: 203px;
        height: 460px;
        position: absolute;
        left: 15px;
        top: -20px;
	background: url(../images/main-iphone-bg.jpg) center/100% no-repeat;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.obj-wrap.inview .apple-phone::before {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-01,
.secure-recovery .painting .obj-wrap .secure-recovery-point-02 {
	width: 157px;
	height: 27px;
	top: 289px;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-01 {
	left: 300px;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-02 {
        top:249px;        
	left: 300px;
}

.secure-recovery .painting .obj-wrap .point01,
.secure-recovery .painting .obj-wrap .point02,
.secure-recovery .painting .obj-wrap .point03,
.secure-recovery .painting .obj-wrap .point04 {
	width: 27px;
	height: 27px;
	background-image: url(../images/secure-recovery-circle-point.svg);
}

.secure-recovery .obj-wrap.inview .point01 {
	-webkit-animation: point04 1.5s ease-out both infinite 1s;
	animation: point04 1.5s ease-out both infinite 1s;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point04 {
	left: 0;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point01 {
	left: 0;
}

.secure-recovery .obj-wrap.inview .point02 {
	-webkit-animation: point03 1.5s ease-out both infinite 1s;
	animation: point03 1.5s ease-out both infinite 1s;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point03 {
	left: 43px;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point02 {
	left: 43px;
}

.secure-recovery .obj-wrap.inview .point03 {
	-webkit-animation: point02 1.5s ease-out both infinite 1s;
	animation: point02 1.5s ease-out both infinite 1s;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point02 {
	left: 86px;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point03 {
	left: 86px;
}

.secure-recovery .obj-wrap.inview .point04 {
	-webkit-animation: point01 1.5s ease-out both infinite 1s;
	animation: point01 1.5s ease-out both infinite 1s;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point01 {
	left: 129px;
}

.secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point04 {
	left: 129px;
}
.secure-recovery .painting .obj-wrap .sms{
       top: 120px;
       left: 70px;
       width: 70px;
       height: 70px;
       background-image: url(../images/sms.png);
       	-webkit-transition: all 1.5s ease-out .5s;
	transition: all 1.5s ease-out .5s;
}
.secure-recovery .painting .obj-wrap .sms-1{
       top: 120px;
       left: 70px;
       width: 70px;
       height: 70px;
       background-image: url(../images/sms.png);
       	-webkit-transition: all 1.5s ease-out .5s;
	transition: all 1.5s ease-out .5s;
}
.secure-recovery .painting .obj-wrap.inview .sms{
       left:540px;
       z-index:4;
}
.secure-recovery .painting .obj-wrap .contact{
       top: 120px;
       left: 170px;
       width: 70px;
       height: 70px;
      background-image: url(../images/contact.png);
       	-webkit-transition: all 1.5s ease-out 1.5s;
	transition: all 1.5s ease-out 1.5s;

}.secure-recovery .painting .obj-wrap .contact-1{
       top: 120px;
       left: 170px;
       width: 70px;
       height: 70px;
      background-image: url(../images/contact.png);
       	-webkit-transition: all 1.5s ease-out 1.5s;
	transition: all 1.5s ease-out 1.5s;

}
.secure-recovery .painting .obj-wrap.inview .contact{
       left:630px;
       z-index:4;
}
.secure-recovery .painting .obj-wrap .photo{
       top: 210px;
       left: 70px;
       width: 70px;
       height: 70px;
      background-image: url(../images/photo.png);
       	-webkit-transition: all 1.5s ease-out 2.5s;
	transition: all 1.5s ease-out 2.5s;

}
.secure-recovery .painting .obj-wrap .photo-1{
       top: 210px;
       left: 70px;
       width: 70px;
       height: 70px;
      background-image: url(../images/photo.png);
       	-webkit-transition: all 1.5s ease-out 2.5s;
	transition: all 1.5s ease-out 2.5s;

}
.secure-recovery .painting .obj-wrap.inview .photo{
       left:540px;
       z-index:4;
}
.secure-recovery .painting .obj-wrap .videos{
       top: 210px;
       left: 170px;
       width: 70px;
       height: 70px;
     background-image: url(../images/videos-1.png);
       	-webkit-transition: all 1.5s ease-out 3.5s;
	transition: all 1.5s ease-out 3.5s;

}
.secure-recovery .painting .obj-wrap .videos-1{
       top: 210px;
       left: 170px;
       width: 70px;
       height: 70px;
     background-image: url(../images/videos-1.png);
       	-webkit-transition: all 1.5s ease-out 3.5s;
	transition: all 1.5s ease-out 3.5s;

}
.secure-recovery .painting .obj-wrap.inview .videos{
       left:630px;
       z-index:4;
}
.secure-recovery .painting .obj-wrap .music{
       top: 300px;
       left: 70px;
       width: 70px;
       height: 70px;
     background-image: url(../images/music.png);
       	-webkit-transition: all 1.5s ease-out 4.5s;
	transition: all 1.5s ease-out 4.5s;

}
.secure-recovery .painting .obj-wrap .music-1{
       top: 300px;
       left: 70px;
       width: 70px;
       height: 70px;
     background-image: url(../images/music.png);
       	-webkit-transition: all 1.5s ease-out 4.5s;
	transition: all 1.5s ease-out 4.5s;

}
.secure-recovery .painting .obj-wrap.inview .music{
       left:540px;
       z-index:4;
}
.secure-recovery .painting .obj-wrap .documents{
       top: 300px;
       left: 170px;
       width: 70px;
       height: 70px;
    background-image: url(../images/documents.png);
       	-webkit-transition: all 1.5s ease-out 5.5s;
	transition: all 1.5s ease-out 5.5s;

}
.secure-recovery .painting .obj-wrap .documents-1{
       top: 300px;
       left: 170px;
       width: 70px;
       height: 70px;
    background-image: url(../images/documents.png);
       	-webkit-transition: all 1.5s ease-out 5.5s;
	transition: all 1.5s ease-out 5.5s;

}
.secure-recovery .painting .obj-wrap.inview .documents{
       left:630px;
       z-index:4;
}

.ufone-secure-recovery {
	background: url(../images/secure-recovery-bg.jpg) center/cover no-repeat;
}
.ufone-secure-recovery .painting{
	padding-left: 0;
}
.ufone-secure-recovery .painting .obj-wrap .secure-recovery-circle {
	width: 364px;
	height: 364px;
	left: 201px;
	top: 0;
	background-image: url(../images/secure-recovery-circle.png);
	-webkit-filter: drop-shadow(0 5px 13px rgba(148, 255, 223, .75));
	filter: drop-shadow(0 5px 13px rgba(148, 255, 223, .75));
	-webkit-transform: scale(0);
	transform: scale(0);
}

.ufone-secure-recovery .obj-wrap.inview .secure-recovery-circle {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-circle::before {
	content: '';
	width: 181px;
	height: 233px;
	position: absolute;
	left: 90px;
	top: 71px;
	background: url(../images/secure-recovery-circle.svg) center/100% no-repeat;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.ufone-secure-recovery.mobilesync-ufone-secure-recovery .painting .obj-wrap .secure-recovery-circle::before {	
	background: url(../images/ringtone-maker.png) center/100% no-repeat;
}

.ufone-secure-recovery .obj-wrap.inview .secure-recovery-circle::before {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
	-webkit-animation: secure-recovery-protect 4s ease-out 1.2s infinite;
	animation: secure-recovery-protect 4s ease-out 1.2s infinite;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-01,
.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-02 {
	width: 157px;
	height: 27px;
	top: 169px;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-01 {
	left: 0;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-02 {
	left: 607px;
}

.ufone-secure-recovery .painting .obj-wrap .point01,
.ufone-secure-recovery .painting .obj-wrap .point02,
.ufone-secure-recovery .painting .obj-wrap .point03,
.ufone-secure-recovery .painting .obj-wrap .point04 {
	width: 27px;
	height: 27px;
	background-image: url(../images/secure-recovery-circle-point.svg);
}

.ufone-secure-recovery .obj-wrap.inview .point01 {
	-webkit-animation: point04 1.5s ease-out both infinite 1s;
	animation: point04 1.5s ease-out both infinite 1s;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point04 {
	left: 0;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point01 {
	left: 0;
}

.ufone-secure-recovery .obj-wrap.inview .point02 {
	-webkit-animation: point03 1.5s ease-out both infinite 1s;
	animation: point03 1.5s ease-out both infinite 1s;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point03 {
	left: 43px;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point02 {
	left: 43px;
}

.ufone-secure-recovery .obj-wrap.inview .point03 {
	-webkit-animation: point02 1.5s ease-out both infinite 1s;
	animation: point02 1.5s ease-out both infinite 1s;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point02 {
	left: 86px;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point03 {
	left: 86px;
}

.ufone-secure-recovery .obj-wrap.inview .point04 {
	-webkit-animation: point01 1.5s ease-out both infinite 1s;
	animation: point01 1.5s ease-out both infinite 1s;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-02 .point01 {
	left: 129px;
}

.ufone-secure-recovery .painting .obj-wrap .secure-recovery-point-01 .point04 {
	left: 129px;
}


.android-unlock .painting .obj-wrap .android-phone{
    opacity:0;
    width: 100%;
    height: 100%;
}
.android-unlock .painting {
		width: 45%;
		margin: 20px 0 0;
	}
.android-unlock .obj-wrap.inview .android-phone {
        opacity:1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.android-unlock .painting .obj-wrap .android-phone::before {
	content: '';
        width: 401px;
        height: 605px;
        position: absolute;
        left: 71px;
        top: 70px;
        z-index:2;
	background: url(../images/main-iphone-bg.jpg) center/100% no-repeat;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.android-unlock .obj-wrap.inview .android-phone::before {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .5s ease-out .5s;
	transition: all .5s ease-out .5s;
        transition-delay: 1.5s;
	
}
.android-unlock .lock1{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:250px;left:100px;
}
.android-unlock .obj-wrap .lock1:before{
        content: '';
        width: 0;
        height: 4px;
        position: absolute;
        left: 40px;
        top: 40px;
	background: #fff;	
}
.android-unlock .obj-wrap .lock3:before{
        content: '';
        width: 4px;
        height: 0;
        position: absolute;
        left: 40px;
        top: 40px;
	background: #fff;        
}
.android-unlock .obj-wrap .lock7:before{
        content: '';
        width: 0;
        height: 4px;
        position: absolute;
        left: 35px;
        top: 40px;
	background: #fff;	
}
.android-unlock .obj-wrap.inview .lock1:before{
        width:260px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s linear;
} 
.android-unlock .obj-wrap.inview .lock3:before{
        height:400px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s linear;
        transition-delay: 0.5s;
}
.android-unlock .obj-wrap.inview .lock7:before{
        width:260px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s linear;
        transition-delay: 1s;
} 

.android-unlock .lock2{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:250px;left:230px;
}
.android-unlock .lock3{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:250px;left:360px;
         transform:rotate(41.5deg);
        -ms-transform:rotate(41.5deg); 	
        -moz-transform:rotate(41.5deg); 	
        -webkit-transform:rotate(41.5deg); 
        -o-transform:rotate(41.5deg); 	
}
.android-unlock .lock4{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:400px;left:100px;
}
.android-unlock .lock5{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:400px;left:230px;
}
.android-unlock .lock6{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:400px;left:360px;
}
.android-unlock .lock7{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:550px;left:100px;
}
.android-unlock .lock8{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:550px;left:230px;
}
.android-unlock .lock9{
width:80px;height:80px;color:#fff;border:1px solid #ff0000;border-radius: 50%;top:550px;left:360px;
}

.android-unlock .obj-wrap.inview .lock1{
   border:1px solid #00ff00;
    -webkit-transition: border-color 0.01s ease-out;
   transition: border-color 0.01s ease-out;
  transition-delay: 0s;
}

.android-unlock .obj-wrap.inview .lock2{
   border:1px solid #00ff00;
 -webkit-transition: border-color 0.01s ease-out;
   transition: border-color 0.01s ease-out;
  transition-delay: 0.25s;
}
.android-unlock .obj-wrap.inview .lock3{
   border:1px solid #00ff00;
 -webkit-transition: border-color 0.01s ease-out;
   transition: border-color 0.01s ease-out;
  transition-delay: 0.5s;
}
.android-unlock .obj-wrap.inview .lock5{
   border:1px solid #00ff00;
 -webkit-transition: border-color 0.01s ease-out;
   transition:  border-color 0.01s ease-out;
  transition-delay: 0.75s;
}
.android-unlock .obj-wrap.inview .lock7{
   border:1px solid #00ff00;
 -webkit-transition: border-color 0.01s ease-out;
   transition:  border-color 0.01s ease-out;
  transition-delay: 1s;
}
.android-unlock .obj-wrap.inview .lock8{
   border:1px solid #00ff00;
 -webkit-transition: border-color 0.01s ease-out;
   transition:  border-color 0.01s ease-out;
  transition-delay: 1.25s;
}
.android-unlock .obj-wrap.inview .lock9{
   border:1px solid #00ff00;
 -webkit-transition:  border-color 0.01s ease-out;
   transition: border-color 0.01s ease-out;
  transition-delay: 1.5s;
}
.android-unlock .obj-wrap .lock1,
.android-unlock .obj-wrap .lock2,
.android-unlock .obj-wrap .lock3,
.android-unlock .obj-wrap .lock4,
.android-unlock .obj-wrap .lock5,
.android-unlock .obj-wrap .lock6,
.android-unlock .obj-wrap .lock7,
.android-unlock .obj-wrap .lock8,
.android-unlock .obj-wrap .lock9{ 
   z-index:1;
}
.painting .obj-wrap .ico-calendar{
   opacity:0;
   width:80px;
   height:80px;
   left: 100px;
   top: 100px;
   z-index: 3;
   background-image: url(../images/calendar.png);
}
.painting .obj-wrap .ico-email{
   opacity:0;
   width:70px;
   height:70px;
   left: 240px;
   top: 100px;
   z-index: 3;
   background-image: url(../images/email.png);
}
.painting .obj-wrap .ico-calculator{
   opacity:0;
   width:70px;
   height:70px;
   left: 370px;
   top: 100px;
   z-index: 3;
   background-image: url(../images/calculator.png);
}
.painting .obj-wrap .ico-clock{
   opacity:0;
   width:80px;
   height:80px;
   left: 100px;
   top: 280px;
   z-index: 3;
   background-image: url(../images/clock.png);
}
.painting .obj-wrap .ico-pic{
   opacity:0;
   width:70px;
   height:70px;
   left: 240px;
   top: 280px;
   z-index: 3;
   background-image: url(../images/pic.png);
}
.painting .obj-wrap .ico-weather{
   opacity:0;
   width:70px;
   height:70px;
   left: 370px;
   top: 280px;
   z-index: 3;
   background-image: url(../images/weather.png);
}
.painting .obj-wrap .ico-draw{
   opacity:0;
   width:70px;
   height:70px;
   left: 100px;
   top: 460px;
   z-index: 3;
   background-image: url(../images/draw.png);
}
.painting .obj-wrap .ico-files{
   opacity:0;
   width:70px;
   height:70px;
   left: 240px;
   top: 460px;
   z-index: 3;
   background-image: url(../images/files.png);
}
 .painting .obj-wrap .ico-reading{
   opacity:0;
   width:70px;
   height:70px;
   left: 370px;
   top: 460px;
   z-index: 3;
   background-image: url(../images/reading.png);
}
.painting .obj-wrap.inview .ico-calendar,
.painting .obj-wrap.inview .ico-email,
.painting .obj-wrap.inview .ico-calculator,
.painting .obj-wrap.inview .ico-clock,
.painting .obj-wrap.inview .ico-pic,
.painting .obj-wrap.inview .ico-weather,
.painting .obj-wrap.inview .ico-draw,
.painting .obj-wrap.inview .ico-files,
.painting .obj-wrap.inview .ico-reading{
   opacity:1;
   -webkit-transform: none;
   transform: none;
   -webkit-transition: all 1s ease-out .5s;
   transition: all 1s ease-out .5s;
   transition-delay: 2s;
}
@keyframes animtran {
				from {
					transform: rotateZ(0deg);
				}
				to {
					transform: rotateZ(360deg);
				}
			}
			
			@keyframes animtrans {
				from {
					transform: rotateZ(0deg);
				}
				to {
					transform: rotateZ(360deg);
				}
			}
			
			@-webkit-keyframes animtran {
				from {
					transform: rotateZ(0deg);
				}
				to {
					transform: rotateZ(360deg);
				}
			}
			
			@-webkit-keyframes animtrans {
				from {
					transform: rotateZ(0deg);
				}
				to {
					transform: rotateZ(360deg);
				}
			}
			
			#devices {
				width: 400px;
				height: 400px;
				margin: 10% auto;
				position: relative;
			}
			
			#devices .bg1 {
				width: 360px;
				height: 360px;
				position: absolute;
				top: 20px;
				left: 20px;
				z-index: 10;
			}
			
			#devices .bg1 div {
				width: 360px;
				height: 360px;
				border: #ccc 1px solid;
				border-radius: 15em;
				position: relative;
				animation: animtran 16s linear infinite;
				-webkit-animation: animtran 16s linear infinite;
			}
			
			#devices .bg1 img {
				width: 70px;
				position: absolute;
				animation: animtrans 16s linear infinite;
				-webkit-animation: animtrans 16s linear infinite;
			}
			
			#devices .bg1 .icon01 {
				bottom: 146px;
				left: -25px;
			}
			
			#devices .bg1 .icon02 {
				top: 25px;
				left: 25px;
			}
			
			#devices .bg1 .icon03 {
				top: -25px;
				left: 146px;
			}
			
			#devices .bg1 .icon04 {
				top: 25px;
				right: 25px;
			}
			
			#devices .bg1 .icon05 {
				top: 146px;
				right: -25px;
			}
			
			#devices .bg1 .icon06 {
				bottom: 25px;
				right: 25px;
			}
			
			#devices .bg1 .icon07 {
				bottom: -25px;
				left: 146px;
			}
			
			#devices .bg1 .icon08 {
				bottom: 25px;
				left: 25px;
			}
			
			#devices .content {
				width: 230px;
				height: 75px;
				background: linear-gradient(to right, #fa71ad, #c77dd1);
				position: absolute;
				z-index: 11;
				left: 85px;
				top: 160px;
				border-radius: 5px;
				text-align: center;
				line-height: 75px;
				color: #fff;
				font-size: 20px;
				cursor: pointer;
			}						
			
			input::-webkit-input-placeholder {
				/* WebKit browsers */
				color: #999999;
			}
			
			input:-moz-placeholder {
				/* Mozilla Firefox 4 to 18 */
				color: #999999;
			}
			
			input::-moz-placeholder {
				/* Mozilla Firefox 19+ */
				color: #999999;
			}
			
			input:-ms-input-placeholder {
				/* Internet Explorer 10+ */
				color: #999999;
			}
.ios-unlock{   
      background-color: #dfeeff;
}
.ios-unlock .painting .obj-wrap .iphone-bg{
    width: 283px;
    height: 565px;
    left: 248px;
    top: 0;
    background: url(../images/iphone-bg.svg) center/100% auto no-repeat;
    box-shadow: 0 0 70px rgba(204,204,204,.5);
    border-radius: 45px;
}
.ios-unlock .painting .obj-wrap .iphone-bg-key-1{
    background-color: #000;
    width: 250px;
    height: 450px;
    left: 265px;
    top: 55px; 
}
.ios-unlock .painting .complete-flower {
    width: 40px;
    height: 40px;
    left: 16px;
    top: 60px;
    background-image: url(../images/complete-flower.svg);
    z-index:4;
}
.ios-unlock .painting .complete-chat {
    width: 34px;
    height: 37px;
    left: 110px;
    top: 60px;
    background-image: url(../images/complete-chat.svg);
    z-index:4;
}
.ios-unlock .painting .complete-calendar {
    width: 34px;
    height: 34px;
    left: 189px;
    top: 60px;
    background-image: url(../images/complete-calendar.svg);
    z-index:4;
}
.ios-unlock .painting .complete-conversation {
    width: 40px;
    height: 45px;
    left: 16px;
    top: 160px;
    background-image: url(../images/complete-conversation.svg);
    z-index:4;
}
.ios-unlock .painting .complete-person {
    width: 32px;
    height: 35px;
    left: 110px;
    top: 160px;
    background-image: url(../images/complete-person.svg);
    z-index:4;
}
.ios-unlock .painting .complete-phone {
    width: 31px;
    height: 37px;
    left: 189px;
    top: 160px;
    background-image: url(../images/complete-phone.svg);
    z-index:4;
}
.ios-unlock .painting .complete-movie {
    width: 37px;
    height: 37px;
    left: 16px;
    top: 256px;
    background-image: url(../images/complete-movie.svg);
    z-index:4;
}
.ios-unlock .painting .complete-mic {
    width: 21px;
    height: 36px;
    left: 110px;
    top: 256px;
    background-image: url(../images/complete-mic.svg);
    z-index:4;
}
.ios-unlock .painting  .animate-item {
    opacity: 0;
}
.ios-unlock .painting .obj-wrap.inview .animate-item, ios-unlock .obj-wrap.inview  .animate-item {
    opacity: 1;
    -webkit-transition: opacity .8s ease-out 2s;
    transition: opacity .8s ease-out 2s;
}
.ios-unlock .painting .obj-wrap .iphone-bg-key-1:before{
   content: '';
    width: 251px;
    height: 450px;
    position: absolute;
    left: -1px;
    background: url(../images/main-iphone-bg.jpg) center/100% no-repeat;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index:4;
    background-size: 120%;
}  
.ios-unlock .painting .obj-wrap.inview .iphone-bg-key-1:before {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .5s ease-out 1.5s;
    transition: all .5s ease-out 1.5s;
} 
.ios-unlock .painting .obj-wrap .iphone-bg-key-2{
    top: 220px;
    left: 330px;
    width: 128px;
    height: 128px;
    background-image: url(../images/unlock.svg);
    z-index:3;
}

.ios-unlock .painting .obj-wrap .iphone-bg-key-3{
    background-image: url(../images/unlock-key.svg);
    width: 128px;
    height: 128px;
    top: 190px;
    left: 330px;
    z-index: 100000;
    transform-origin: 25% 0;
    z-index:3;
}
.ios-unlock .painting .obj-wrap.inview .iphone-bg-key-3{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transition: all 1s ease-out .5s;
   transition: all 1s ease-out .5s;
}

.data-eraser{
	background-color: #dfeeff;
}
.data-eraser .painting{
	padding-top:100px;
}
.data-eraser .painting .obj-wrap .android-phone::before{  
    width: 400px;
    height: 600px;
    left: 71px;
    top: 72px;
}
.ios-data-eraser .painting .obj-wrap .android-phone::before{  
    width: 405px;
    height: 528px;
    left: 25px;
    top: 61px;
}
.ios-data-eraser .painting .obj-wrap .eraser-iphone .path {
    width: 110px;
    height: 95px;
    left: 40px;
    top: 119px;
    background: url(../images/path.svg) center/100% auto no-repeat;
}
.path::before {
    content: '';
    width: 21px;
    height: 43px;
    position: absolute;
    left: 0;
    top: 52px;
    background: url(../images/path-key.svg) center/100% auto no-repeat;
}
.volume {
    position: absolute;
    left: 73px;
    top: 157px;
    color: #fff;
    font-size: 17px;
}
.free {
    position: absolute;
    left: 83px;
    top: 176px;
    color: #fff;
    font-size: 11.5px;
}
.data-eraser .painting .obj-wrap .android-phone{
     width:100%;
     height:100%;
     top: -100px;
}
.data-eraser .painting .obj-wrap .circle {
    width: 589px;
    height: 589px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.ios-data-eraser .painting .obj-wrap .circle {
   
    top: -50px;
    left: -86px;
}
.data-eraser .painting .obj-wrap .circle-01 {
    width: 589px;
    height: 589px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
}
.data-eraser .painting .obj-wrap .circle-02 {
    width: 400px;
    height: 400px;
    background-color: #fff;
    border-radius: 50%;
    left: 35px;
    top: 72px;
    opacity: 0;
}
.data-eraser .painting .obj-wrap .circle-03 {
    width: 194px;
    height: 194px;
    background-color: #e6f1fb;
    border-radius: 50%;
    left: 140px;
    top: 170px;
    box-shadow: 0 3px 40px rgba(8,117,163,.2);
    opacity: 0;
}
.data-eraser .painting .obj-wrap .show-icon {
    width: 163px;
    height: 163px;
    background-color: #fff;
    left: 157px;
    top: 187px;
    border-radius: 50%;
    box-shadow: 0 3px 40px rgba(8,117,163,.2);
    opacity: 0;
}
.data-eraser .painting .obj-wrap .clear {
    width: 94px;
    height: 95px;
    background: url(../images/clear.svg) center/100% auto no-repeat;
    left: 35px;
    top: 38px;
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
}
.data-eraser .painting .obj-wrap .icon-circle-01 {
    width: 15px;
    height: 15px;
    background-color: #388ef0;
    border-radius: 50%;
    left: 90px;
    top: 116px;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.data-eraser .painting .obj-wrap .icon-circle-02 {    
    width: 12px;
    height: 12px;
    background-color: #388ef0;
    border-radius: 50%;
    left: 101px;
    top: 132px;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.data-eraser .painting .obj-wrap .icon-circle-03 {
    width: 9px;
    height: 9px;
    background-color: #388ef0;
    border-radius: 50%;
    left: 116px;
    top: 124px;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.data-eraser .painting .obj-wrap .rubbish-01 {
    width: 203px;
    height: 280px;
    left: 753px;
    top: 200px;
    background: url(../images/trash-01.svg) center/100% auto no-repeat;
    opacity: 0;
}
.data-eraser .painting .obj-wrap .main-icon {
    width: 394px;
    height: 322px;
    left: 535px;
    top: 0;
}
.data-eraser .painting .obj-wrap .chat {
    width: 48px;
    height: 57px;
    left: 0;
    top: 32px;
    background: url(../images/chat.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .note {
    width: 50px;
    height: 61px;
    left: 63px;
    top: 22px;
    background: url(../images/note.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .clock {
    width: 50px;
    height: 61px;
    left: 146px;
    top: 0;
    background: url(../images/clock.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .book-mark {
    width: 44px;
    height: 54px;
    left: 96px;
    top: 66px;
    background: url(../images/book-mark.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .music {
    width: 54px;
    height: 64px;
    left: 174px;
    top: 108px;
    background: url(../images/music.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .media {
    width: 54px;
    height: 64px;
    left: 235px;
    top: 54px;
    background: url(../images/media.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .app-store {
    width: 71px;
    height: 85px;
    left: 260px;
    top: 125px;
    background: url(../images/app-store.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .call {
    width: 54px;
    height: 65px;
    left: 194px;
    top: 129px;
    background: url(../images/call.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .color {
    width: 69px;
    height: 83px;
    left: 212px;
    top: 75px;
    background: url(../images/color.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .member {
    width: 60px;
    height: 70px;
    left: 186px;
    top: 107px;
    background: url(../images/member.svg) center/100% auto no-repeat;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
}
.data-eraser .painting .obj-wrap .rubbish-02 {
    width: 203px;
    height: 250px;
    left: 753px;
    top: 226px;
    background: url(../images/trash-02.svg) center/100% auto no-repeat;
    opacity: 0;
}
.data-eraser .obj-wrap.inview .circle-01, .data-eraser .obj-wrap.inview .circle-02, .data-eraser .obj-wrap.inview .circle-03 {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    -webkit-animation: circle-wave 7s ease-in-out forwards;
    animation: circle-wave 7s ease-in-out forwards;
}
.data-eraser .obj-wrap.inview .circle-01 {
    opacity: .3;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.data-eraser .obj-wrap.inview .circle-02 {
    opacity: .3;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.data-eraser .obj-wrap.inview .circle-03 {
    opacity: 1;
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s;
}
.data-eraser .obj-wrap.inview .show-icon {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out 1s;
    transition: opacity .5s ease-in-out 1s;
}
.data-eraser .obj-wrap.inview .clear {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease 1.5s;
    transition: all 1s ease 1.5s;
    -webkit-animation: clear 5s ease-in-out 2.5s;
    animation: clear 5s ease-in-out 2.5s;
}
.data-eraser .obj-wrap.inview .icon-circle-01, .data-eraser .obj-wrap.inview .icon-circle-02, .data-eraser .obj-wrap.inview .icon-circle-03 {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s linear;
    -moz-transition: -moz-transform .5s linear;
    transition: transform .5s linear;
}
.data-eraser .obj-wrap.inview .icon-circle-01 {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s;
}
.data-eraser .obj-wrap.inview .icon-circle-02 {
    -webkit-transition-delay: 3.3s;
    transition-delay: 3.3s;
}
.data-eraser .obj-wrap.inview .icon-circle-03 {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s;
}
.data-eraser .obj-wrap.inview .rubbish-01, .data-eraser .obj-wrap.inview .rubbish-02 {
    opacity: 1;
    -webkit-transition: opacity .5s linear 2.8s;
    transition: opacity .5s linear 2.8s;
}
.data-eraser .obj-wrap.inview .chat {
    -webkit-animation: hidden-chat 4s linear 3s infinite;
    animation: hidden-chat 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .note {
    -webkit-animation: hidden-note 4s linear 3s infinite;
    animation: hidden-note 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .clock {
    -webkit-animation: hidden-clock 4s linear 3s infinite;
    animation: hidden-clock 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .book-mark {
    -webkit-animation: hidden-book-mark 4s linear 3s infinite;
    animation: hidden-book-mark 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .music {
    -webkit-animation: hidden-music 4s linear 3s infinite;
    animation: hidden-music 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .media {
    -webkit-animation: hidden-media 4s linear 3s infinite;
    animation: hidden-media 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .app-store {
    -webkit-animation: hidden-app-store 4s linear 3s infinite;
    animation: hidden-app-store 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .call {
    -webkit-animation: hidden-call 4s linear 3s infinite;
    animation: hidden-call 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .color {
    -webkit-animation: hidden-color 4s linear 3s infinite;
    animation: hidden-color 4s linear 3s infinite;
}
.data-eraser .obj-wrap.inview .member {
    -webkit-animation: hidden-member 4s linear 3s infinite;
    animation: hidden-member 4s linear 3s infinite;
}

.data-transfer .painting{
   padding-top:100px;
}
.data-transfer .painting .iphone{
    width: 107px;
    height: 216px;
    left: 24px;
    top: 130px;
    background: url(../images/iphone.png) center/100% auto no-repeat;
}
.data-transfer .painting .computer:before{
    content: '';
    width: 66px;
    height: 64px;
    position: absolute;
    left: 280px;
    top: 140px;
    background: url(../images/rotate.svg) center/100% auto no-repeat;
}
.data-transfer .painting .iphone:before{
    content: '';
    width: 40px;
    height: 38px;
    position: absolute;
    left: 35px;
    top: 70px;
    background: url(../images/rotate.svg) center/100% auto no-repeat;
}
.data-transfer .painting .android:before{
    content: '';
    width: 40px;
    height: 38px;
    position: absolute;
    left: 35px;
    top: 70px;
    background: url(../images/rotate.svg) center/100% auto no-repeat;
}
.painting .obj-wrap.inview .computer:before,.painting .obj-wrap.inview .iphone:before,.painting .obj-wrap.inview .android:before{ 
   -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform .8s linear 2s;
    -moz-transition: -moz-transform .8s linear 2s;
    transition: transform .8s linear 2s;
}
.data-transfer .painting .computer{
    width: 638px;
    height: 368px;
    left: 0;
    top: 0;
    background: url(../images/computer.png) center/100% auto no-repeat;
}
.data-transfer .painting .android{
    width: 106px;
    height: 200px;
    left: 510px;
    top: 146px;
    background: url(../images/android-mobile.png) center/100% auto no-repeat;
}
.data-transfer.mobilesync-data-transfer .painting .android{
    height: 220px;
    top: 136px;
    background: url(../images/iphone.svg) center/100% auto no-repeat;
}
.data-transfer .painting .bg {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.data-transfer .android-bg,.data-transfer .iphone-bg {
    opacity: 0;
}
.data-transfer .painting .computer-bg {
    width: 262px;
    height: 195px;
    background: url(../images/computer-bg.png) center center/262px auto no-repeat;
}
.data-transfer .painting .iphone-bg {
    width: 75px;
    height: 148px;
    background: url(../images/iphone-bg.png) center center/75px auto no-repeat;
}
.data-transfer .painting .android-bg {
    width: 75px;
    height: 148px;
    background: url(../images/android-bg.png) center center/75px auto no-repeat;
}
.painting .obj-wrap.inview .android-bg,.painting .obj-wrap.inview .iphone-bg {
    opacity: 1;
    -webkit-transition: opacity .5s linear 2.5s;
    -moz-transition: opacity .5s linear 2.5s;
    transition: opacity .5s linear 2.5s;
}
.android-root .painting .obj-wrap .android-phone:before {
    content: '';
    width: 85px;
    height: 350px;
    position: absolute;
    left: 140px;
    top: 100px;
    background: url(../images/root.svg) center/100% no-repeat;
    
}
.android-root .painting .obj-wrap .android-phone:after {
    content: '';
    width: 270px;
    height: 0px;
    position: absolute;
    left: 48px;
    bottom: -32px;
    background: #2196f3;
    opacity:0.3;
    
}
.android-root .painting .obj-wrap.inview .android-phone:after{
   height: 438px;
    -webkit-transition: all 3s linear 0.5s;
    -moz-transition: all 3s linear 0.5s;
    transition: all 3s linear 0.5s;
}
.android-root .painting .obj-wrap .wave{
	position: absolute;    
	width: 270px;
	height: 60px;
	background-color: rgb(118, 218, 255);
	overflow: hidden;
    
}
.android-root .painting .obj-wrap .wave:before{
	content: "";
        position: absolute;
	width: 450px;
	height: 450px;
	background-color: #fff;
	left: 50%;
	-webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.android-root .painting .obj-wrap .wave:after{
	content: "";
        position: absolute;
	width: 450px;
	height: 450px;
	background-color: #fff;
	left: 50%;
	-webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.android-root .painting .obj-wrap .wave:before {
  bottom: 17px;
  border-radius: 45%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.android-root .painting .obj-wrap .wave:after {
  bottom: 12px;
  opacity: .5;
  border-radius: 47%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
            transform: translate(-50%, 0) rotateZ(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -2%) rotateZ(180deg);
            transform: translate(-50%, -2%) rotateZ(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0%) rotateZ(360deg);
            transform: translate(-50%, 0%) rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
            transform: translate(-50%, 0) rotateZ(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -2%) rotateZ(180deg);
            transform: translate(-50%, -2%) rotateZ(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0%) rotateZ(360deg);
            transform: translate(-50%, 0%) rotateZ(360deg);
  }
}
.android-root .painting .obj-wrap .circle {
    width: 330px;
    height: 330px;
    left: 330px;
    top: 100px;
    background-color: #f3f3f1;
    border-radius: 50%;
    overflow: hidden;
    will-change: transform;
}
.android-root .painting .obj-wrap .wave-01 {
    width: 855px;
    height: 430px;
    left: -314px;
    top: 38px;
    background: url(../images/wave.svg) center top/100% auto no-repeat;
    -webkit-transform: translate(-200px,292px);
    transform: translate(-200px,292px);
}
.android-root .painting .obj-wrap.inview .wave-01 {
    -webkit-transform: translate(200px,-78px);
    transform: translate(200px,-78px);
    -webkit-transition: -webkit-transform 4s linear;
    -moz-transition: -moz-transform 4s linear;
    transition: transform 4s linear;
}
.android-root .painting .obj-wrap .wave-02 {
    width: 855px;
    height: 430px;
    left: -244px;
    top: 38px;
    opacity: .5;
    background: url(../images/wave.svg) center top/100% auto no-repeat;
    -webkit-transform: translate(200px,292px);
    transform: translate(200px,292px);
}
.android-root .painting .obj-wrap.inview .wave-02 {
    -webkit-transform: translate(-200px,-78px);
    transform: translate(-200px,-78px);
    -webkit-transition: -webkit-transform 4s linear;
    -moz-transition: -moz-transform 4s linear;
    transition: transform 4s linear;
}
.android-root .painting .obj-wrap .speed-dial {
    width: 211px;
    height: 169px;
    left: 60px;
    top: 68px;
    background: url(../images/speed-dial.svg) center/100% auto no-repeat;
}
.android-root .painting .obj-wrap .pointer {
    width: 85px;
    height: 59px;
    left: 104px;
    top: 138px;
    background: url(../images/pointer.svg) center/100% auto no-repeat;
}
.android-root .painting .obj-wrap .pointer {
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
    -webkit-transform-origin: 63px 36px;
    transform-origin: 63px 36px;
}
.android-root .painting .obj-wrap.inview .pointer {
    -webkit-transform: rotate(152deg);
    transform: rotate(152deg);
    -webkit-transition: -webkit-transform 4s linear;
    -moz-transition: -moz-transform 4s linear;
    transition: transform 4s linear;
}
.android-root .painting .obj-wrap .icon{
    width: 26px;
    height: 26px;
    left: 155px;
    top: 162px;
}
.android-root .painting .obj-wrap .icon{
    width: 26px;
    height: 26px;
    left: 155px;
    top: 162px;
}
.android-root .painting .obj-wrap .rate {
    font-size: 32px;
    color: #fff;
    left: 130px;
    top: 270px;
}
.android-root .painting .obj-wrap .rate::after {
    content: '%';
    font-size: 32px;
}

@keyframes tick{5%,9%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}11%,7%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}100%,12%{-webkit-transform:rotate(0);transform:rotate(0)}}

.backup-app .painting .obj-wrap .circle {
    width: 396px;
    height: 400px;
    left: 16px;
    top: 0;
    background: url(../images/ring.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-icon {
    width: 430px;
    height: 418px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.backup-app .painting .obj-wrap .protect-chat {
    width: 42px;
    height: 36px;
    left: 0;
    top: 186px;
    background: url(../images/complete-chat.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-member {
    width: 41px;
    height: 44px;
    left: 51px;
    top: 317px;
    background: url(../images/complete-person.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-message {
    width: 44px;
    height: 28px;
    left: 194px;
    top: 390px;
    background: url(../images/protect-message.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-color {
    width: 48px;
    height: 48px;
    left: 337px;
    top: 317px;
    background: url(../images/complete-flower.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-call {
    width: 31px;
    height: 37px;
    left: 399px;
    top: 182px;
    background: url(../images/complete-phone.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-circle {
    width: 295px;
    height: 298px;
    left: 69px;
    top: 51px;
    background: url(../images/circle.png) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-01 {
    width: 147px;
    height: 178px;
    left: 74px;
    top: 66px;
    background: url(../images/protect-01.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .painting .obj-wrap .protect-01 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.backup-app .painting .obj-wrap .protect-02 {
    width: 67px;
    height: 49px;
    left: 113px;
    top: 133px;
    background: url(../images/protect-02.svg) center/100% auto no-repeat;
    opacity: 0;
}
.backup-app .obj-wrap.inview .circle {
    opacity: .2;
    -webkit-transition: opacity .5s linear 4.5s;
    transition: opacity .5s linear 4.5s;
}
.backup-app .obj-wrap.inview .protect-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 1s ease 3.5s;
    -moz-transition: -moz-transform 1s ease 3.5s;
    transition: transform 1s ease 3.5s;
}
.backup-app .obj-wrap.inview .protect-call, .backup-app .obj-wrap.inview .protect-chat, .backup-app .obj-wrap.inview .protect-color, .backup-app .obj-wrap.inview .protect-member, .backup-app .obj-wrap.inview .protect-message {
    opacity: 1;
    -webkit-transition: opacity 1s ease 3.5s;
    transition: opacity 1s ease 3.5s;
}
.backup-app .obj-wrap.inview .protect-circle {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}
.backup-app .obj-wrap.inview .protect-01 {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
}
.backup-app .obj-wrap.inview .protect-02 {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out 1.8s;
    transition: opacity .5s ease-out 1.8s;
    -webkit-animation: tick 4s ease-in-out 2.3s;
    animation: tick 4s ease-in-out 2.3s;
}







.a-lm{
    display: inline-block;
    margin-top: 20px;
    padding:5px 10px;
    background-color:#ffffff;
    border:1px solid #2196f3;
    color:#2196f3;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
.a-lm:hover{
    background-color:#2196f3;
    color:#fff;
}
.a-lm i{
    margin-left:10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.a-lm:hover i{
    margin-left:20px;
}
						
.supported-devices:nth-child(even) {
    background: url(../images/simple-steps-bg.jpg) center/cover no-repeat;
}
.supported-devices p span {
    font-weight: 700;
}
.supported-devices .writing{
  margin-top: 94px;
}
.first-text{
        margin:20px;
	font-size: 16px; 
}
.second-text{
        margin:20px;
	font-size: 16px;
}
.supported-Files{
	background: url(../images/bg.jpg) center/cover no-repeat;
	padding-bottom: 50px;		
}
.supported-Files .second-text{
	text-align: center;
}
.supported-Files h2{
	padding-top: 50px;
	margin-top: 0;	
	font-size: 36px;
    line-height: 42px;
}
.supported-Files p{
	font-size: 20px;
    line-height: 25px;
}
.supported-Files .padding-left{
	padding-left: 0;
    float: left;
    width: 49.5%;
}
.supported-Files .padding-right{
	padding-left: 0;
    float: right;
    width: 49.5%;
}
.supported-Files .title-blue{
	background-color: #d8e9f9;
    clear: both;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    padding-left: 10px;
    text-align: center;
}
.supported-Files .table{
	margin: 5px 0;
}
.supported-Files .table .table-l{
	width: 49.5%;
    float: left;
}
.supported-Files .table .table-r{
	width: 49.5%;
    float: right;
}
.supported-Files .table .title {
    font-size: 18px;
    background-color: #c5dffa;
    text-align: center;
}
.supported-Files .tr210 {
    height: 200px;
    font-size: 14px;
    padding: 10px;
    line-height: 20px;
    margin-top: 5px;
    background-color: #b0d4f9;
}
.supported-Files .tr_72 {
    height: 40px;
    font-size: 14px;
    background-image: url(../images/guo.png);
    background-color: #92c0f0;
    background-repeat: no-repeat;
    padding-left: 20px;
}
@keyframes supported-float{
20%{-webkit-transform:translateX(10px) translateY(-5px);transform:translateX(10px) translateY(-5px)}
40%{-webkit-transform:translateX(16px) translateY(-6px);transform:translateX(16px) translateY(-6px)}
60%{-webkit-transform:translateX(14px) translateY(0);transform:translateX(14px) translateY(0)}
80%{-webkit-transform:translateX(9px) translateY(8px);transform:translateX(9px) translateY(8px)}
100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}
}
.supported-devices .painting .supported {
    width: 646px;
    height: 670px;
    margin-left: -51px;
}
.supported-devices.function .painting .supported-bg {
    width: 646px;
    height: 670px;
    background-image: url(../images/supported-bg.jpg);
    opacity: .4;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    top: 0;
    left: 0;
}
.supported-devices.function .painting .supported-iphone {
    width: 516px;
    height: 473px;
    background-image: url(../images/supported-iphone.png);
    top: 162px;
    left: 105px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-filter: drop-shadow(0 0 30px rgba(51, 51, 51, .3));
    filter: drop-shadow(0 0 30px rgba(51, 51, 51, .3));
}
.supported-devices .painting .obj-wrap.inview .supported-iphone {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.supported-devices.function .painting .supported-apple {
    width: 128px;
    height: 128px;
    background-image: url(../images/supported-apple.svg);
    top: 32px;
    left: 208px;
    -webkit-transform: translate(75px,255px) scale(0);
    transform: translate(75px,255px) scale(0);
    -webkit-filter: drop-shadow(0 0 30px rgba(51, 51, 51, .3));
    filter: drop-shadow(0 0 30px rgba(51, 51, 51, .3));
}
.supported-devices .painting .obj-wrap.inview .supported-apple {
    -webkit-transform: none;
    transform: none;
    -webkit-animation: supported-float 5s ease-out infinite 2s;
    animation: supported-float 5s ease-out infinite 2s;
    -webkit-transition: all .8s ease-out .8s;
    transition: all .8s ease-out .8s;
}
.supported-devices.function .painting .supported-windows {
    width: 128px;
    height: 128px;
    background-image: url(../images/supported-windows.svg);
    top: 279px;
    left: 30px;
    -webkit-transform: translate(260px,0) scale(0);
    transform: translate(260px,0) scale(0);
    -webkit-filter: drop-shadow(0 0 30px rgba(51, 51, 51, .3));
    filter: drop-shadow(0 0 30px rgba(51, 51, 51, .3));
}
.supported-devices .painting .obj-wrap.inview .supported-windows {
    -webkit-transform: none;
    transform: none;
    -webkit-animation: supported-float 5s ease-out infinite 2.5s;
    animation: supported-float 5s ease-out infinite 2.5s;
    -webkit-transition: all .8s ease-out .8s;
    transition: all .8s ease-out .8s;
}
.win-none{
   display:none;
}


.more-features{
	padding: 50px 0;
}
.more-features  p.sub-title {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}
.more-features .boxs .box {
    text-align: center;
    width: 25%;
    height: 320px;
    padding: 40px 20px 0;
    float: left;   
    box-shadow: rgba(0, 0, 0, .15) 2px 0 12px;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 2px 0 12px;
    -moz-box-shadow: rgba(0, 0, 0, .15) 2px 0 12px;
}
.sync-more-features .boxs .box {
    width:33.3%;
}

.more-features .boxs .box3,.more-features .boxs .box4{
	float: right;	
}
.more-features .boxs .box img {
    height: 73px;
    margin-bottom: 30px;
}
.more-features .boxs .box .p1 {
    font-size: 18px;
}
.more-features .boxs .box .p2 {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.download-area {
    background-color: #f8f8f8;
    padding: 50px 0;
}
.download-area .pro-wrapper{
	max-width: 90%;
}
.download-area .icon {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
    height: 87px;
    margin-right: 22px;   
}
.download-area .info {
    display: inline-block;
    vertical-align: middle;
    width:300px;
    margin-right: 32px;
}
.download-area .info .p1 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.download-area .info .p2 {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.download-area .button-area {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    margin-right: 32px;
}
.download-area .button-area a {
    display: block;
    /* width: 100%; */
    width: 200px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #1e96ec !important;
    /* border-radius: 2px; */
    margin-bottom: 20px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
}
.download-area .download-amount img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}
.download-area .download-amount {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    text-align: center;
}

.knowledge .title{
    font-size: 44px;    
    text-align: center;
}
.knowledge .pro-wrapper {
    margin: 54px auto 0;
    max-width: 90%;
}
.knowledge .wrapper-list {
    margin-top: 60px;
}
.knowledge .wrapper-list ul {
    width: 33.33%;
    float: left;
    list-style: disc inside;
}
.knowledge .wrapper-list h3 {
    font-size: 24px;
    color: #0167ae;
    background: no-repeat left center;
    padding-left: 60px;
    line-height: 50px;
}
.knowledge .wrapper-list .faqs {
    background-image: url(../images/faqs.svg);
}
.knowledge .wrapper-list .guides {
    background-image: url(../images/guides.svg);
}
.knowledge .wrapper-list .topics {
    background-image: url(../images/topics.svg);
}
.knowledge .wrapper-list li {
    padding-left: 45px;
    margin: 16px 0;
}
.knowledge .wrapper-list li a{
	
}
.knowledge .wrapper-list li a:hover{
	text-decoration: underline;
}

.recommend-products{
	background-color: #f8f8f8;
    padding: 50px 0;
}
.recommend-products .get-it-now .left {
    float: left;
    width: 510px;
    height: 274px;
    background-color: #fff;
    padding: 20px;
}
.recommend-products .get-it-now .right {
    float: right;
    width: 510px;
    height: 274px;
    background-color: #fff;
    padding: 20px;
}
.recommend-products .get-it-now .left .pic,.recommend-products .get-it-now .right .pic {
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
}
.recommend-products .get-it-now .left .pic img,.recommend-products .get-it-now .right .pic img {
    height: 125px;
}
.recommend-products .get-it-now .left .info,.recommend-products .get-it-now .right .info {
    display: inline-block;
    vertical-align: top;
    width: 320px;
}
.recommend-products .get-it-now .left .info .p1,.recommend-products .get-it-now .right .info .p1 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
}
.recommend-products .get-it-now .left .info .p2,.recommend-products .get-it-now .right .info .p2 {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 25px;
}
.recommend-products .get-it-now .left .info a,.recommend-products .get-it-now .right .info a{
    display: inline-block;
    width: 150px;
    border-color: #1e96ec !important;   
}

.share{
	background-color: #FFFFFF;
    padding: 50px 0;
    text-align: center;
}
.share-btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    width: 8em;
    padding: 1em;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
}
.share-btn.facebook {
    background: #3B5998;
}
.share-btn.linkedin {
    background: #4875B4;
}
.share-btn.google-plus {
    background: rgb(220, 78, 65);
}
.share-btn.twitter {
    background: rgb(29, 161, 242);
}

.recovery-modes{
    height:350px;
    background:#26e8ae4f;
}
.recovery-modes .mode{
	position: absolute;
	text-align: center;
	padding: 20px;
}
.recovery-modes .mode-l{
	width: 33%;
	height: auto;
}
.recovery-modes .mode-c{
	width: 33%;
	height: auto;
	left: 33%;
}
.recovery-modes .mode-r{
	width: 33%;
	height: auto;
	left: 66%;
}
.recovery-modes .ios-device-recovery-bg{
	position: absolute;
	left: 90px;
	width: 161px;
    height: 161px;
	background: url(../images/ios-device-recovery-bg.svg)center/100% no-repeat;
	transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}
.recovery-modes .itunes-recovery-bg{
	position: absolute;
	left: 90px;
	width: 161px;
    height: 161px;
	background: url(../images/ios-device-recovery-bg.svg)center/100% no-repeat;
	transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
}
.recovery-modes .icloud-recovery-bg{
	position: absolute;
	left: 90px;
	width: 161px;
    height: 161px;
	background: url(../images/ios-device-recovery-bg.svg)center/100% no-repeat;
	transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;   
}
.recovery-modes .ios-device-recovery{
	content: "";
	left: 85px;
	position: absolute;
	width: 161px;
    height: 161px;
	background: url(../images/ios-device-recovery.svg)center/100% no-repeat;
}
.recovery-modes .itunes-recovery{
	content: "";
	top: 40px;
	left: 110px;
	position: absolute;
	width: 111px;
    height: 111px;
	background: url(../images/itunes-recovery.svg)center/100% no-repeat;
	
}
.recovery-modes .icloud-recovery{
	content: "";
	left: 90px;
	position: absolute;
	width: 161px;
    height: 161px;
	background: url(../images/icloud-recovery.svg)center/100% no-repeat;
	
}
.recovery-modes-p1{
	position: absolute;
	top: 190px;
    left: 90px;
    font-weight: 700;
    font-size: 16px;    
}

.recovery-modes-p2{
	position: absolute;
	top:220px;
	text-align: left;
	padding-left: 70px;	
}

.recovery-modes .ios-device-recovery-bg:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
.recovery-modes .itunes-recovery-bg:hover{
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
}
.recovery-modes .icloud-recovery-bg:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
.masked h2 {
	/*渐变背景，此处为能无缝拼接的渐变 即0~100%*/   /*linear-gradient(线性渐变)*/
            background-image:-webkit-linear-gradient(left,#3498db,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400 90%,#3498db);
	color:transparent;
	/*文字填充色为透明*/

            -webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
	/* background-clip 规定背景的绘制区域：*/   /*背景剪裁为文字，相当于用背景填充文字 CSS3新属性*/

            -webkit-background-size:200% 100%;
	/*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/
            background-size:200% 100%;
	/* 动画 */
            -webkit-animation:masked-animation 4s infinite linear;
}
@keyframes masked-animation {
	0% {
	background-position:0 0;
	/*background-position 属性设置背景图像的起始位置。*/
}
100% {
	background-position:-100% 0;
}
}@-webkit-keyframes masked-animation {
	0% {
	background-position:0 0;
}
100% {
	background-position:-100% 0;
}
}



@keyframes rotate {
	0% {
		-webkit-transform: none;
		transform: none
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes complete-rotate {
	0%,
	5% {
		-webkit-transform: none;
		transform: none
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes complete-box {
	0% {
		-webkit-transform: rotate(-145deg);
		transform: rotate(-145deg)
	}
	50% {
		-webkit-transform: none;
		transform: none
	}
	100% {
		-webkit-transform: rotate(145deg);
		transform: rotate(145deg)
	}
}

@keyframes complete-icon {
	0% {
		opacity: 0
	}
	33%,
	75% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.function .obj-wrap {
	position: relative;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.function .obj-wrap.inview {
	opacity: 1;
}

.ios-recover-files .painting .complete {
	width: 573px;
	height: 497px;
}

.wrapper .animate-item {
	background: no-repeat left bottom;
	background-size: contain;
	position: absolute;
}

.function .pro-wrapper .animate-item {
	background: no-repeat left bottom;
	background-size: contain;
}

.ios-recover-files .painting .complete-arrow {
	width: 283px;
	height: 384px;
	left: 67px;
	top: 58px;
	background-image: url(../images/complete-arrow.png);
}

.ios-recover-files .painting .complete-rotate {
	width: 66px;
	height: 64px;
	left: 152px;
	top: 224px;
	background-image: url(../images/complete-rotate.svg);
}

.ios-recover-files .painting .complete .animate-item {
	opacity: 0;
}

.ios-recover-files .painting .complete-ipad {
	width: 125px;
	height: 185px;
	background-image: url(../images/complete-ipad.svg);
	top: 159px;
	left: 0;
	-webkit-filter: drop-shadow(0 0 25px rgba(51, 51, 51, .3));
	filter: drop-shadow(0 0 25px rgba(51, 51, 51, .3));
}

.ios-recover-files .painting .complete-notepad {
	width: 354px;
	height: 204px;
	background-image: url(../images/complete-notepad.svg);
	top: 152px;
	left: 220px;
	-webkit-filter: drop-shadow(0 0 25px rgba(51, 51, 51, .3));
	filter: drop-shadow(0 0 25px rgba(51, 51, 51, .3));
}
.ios-recover-files .painting .complete-iphone{
        width: 102px;
	height: 204px;
	background-image: url(../images/iphone-bg.svg);
	top: 152px;
	left: 330px;
	-webkit-filter: drop-shadow(0 0 25px rgba(51, 51, 51, .3));
	filter: drop-shadow(0 0 25px rgba(51, 51, 51, .3));
}
.ios-recover-files .painting .complete-iphone::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 160px;
    background-image: url(../images/complete-ipad-bg.jpg);
    background-size: 150%;
    top: 22px;
    left: 6px;
    opacity:0;
}
.ios-recover-files .painting .complete-iphone::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 160px;
    background-image: url(../images/white-itunes.png);
    background-size: 150%;
    top: 22px;
    left: 6px;
    background-position: center;
    opacity:1;
}
.ios-recover-files .painting .complete-notepad::after {
    content: '';
    position: absolute;
    width: 269px;
    height: 168px;
    background-image: url(../images/complete-notepad-bg.jpg);
    top: 14px;
    left: 42px;
}
.ios-recover-files .painting .complete-ipad::after {
    content: '';
    position: absolute;
    width: 111px;
    height: 146px;
    background-image: url(../images/complete-ipad-bg.jpg);
    top: 17px;
    left: 7px;
    opacity:0;
}

.ios-recover-files .painting .complete-ipad.my-ipad::before {
    content: '';
    position: absolute;
    width: 111px;
    height: 146px;
    background-image: url(../images/white-logo.png);
    top: 17px;
    left: 7px;
    background-position: center;
    opacity:1;
}
.ios-recover-files .painting .complete-ipad .animate-item {
	width: 22px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left center;
	z-index: 2;
	opacity: 0;
}

.ios-recover-files .painting .complete-notepad .animate-item {
	width: 35px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left center;
	z-index: 2;
	opacity: 0;
}
.ios-recover-files .painting .complete-iphone .animate-item {
	width: 35px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left center;
	z-index: 2;
	opacity: 0;
}

.ios-recover-files .painting .complete-flower {
	width: 40px;
	height: 40px;
	left: 16px;
	top: 60px;
	background-image: url(../images/complete-flower.svg);
}

.ios-recover-files .painting .complete-ipad .complete-flower {
	width: 16px;
	height: 16px;
	left: 20px;
	top: 78px;
}

.ios-recover-files .painting .complete-notepad .complete-flower {
	width: 18px;
	height: 18px;
	left: 245px;
	top: 45px;
}
.ios-recover-files .painting .complete-iphone .complete-flower {
	width: 18px;
	height: 18px;
	left: 17px;
	top: 80px;
}

.ios-recover-files .painting .complete-chat {
	width: 34px;
	height: 37px;
	left: 114px;
	top: 0;
	background-image: url(../images/complete-chat.svg);
}

.ios-recover-files .painting .complete-ipad .complete-chat {
	width: 17px;
	height: 15px;
	left: 22px;
	top: 43px;
}

.ios-recover-files .painting .complete-notepad .complete-chat {
	width: 22px;
	height: 19px;
	left: 95px;
	top: 47px;
}
.ios-recover-files .painting .complete-iphone .complete-chat {
	width: 22px;
	height: 19px;
	left: 15px;
        top: 40px;
}


.ios-recover-files .painting .complete-calendar {
	width: 34px;
	height: 34px;
	left: 269px;
	top: 0;
	background-image: url(../images/complete-calendar.svg);
}

.ios-recover-files .painting .complete-ipad .complete-calendar {
	width: 16px;
	height: 16px;
	left: 21px;
	top: 114px;
}

.ios-recover-files .painting .complete-notepad .complete-calendar {
	width: 20px;
	height: 20px;
	left: 194px;
	top: 91px;
}
.ios-recover-files .painting .complete-iphone .complete-calendar {
	width: 20px;
	height: 20px;
	left: 15px;
	top: 120px;
}
.ios-recover-files .painting .complete-conversation {
	width: 40px;
	height: 35px;
	left: 371px;
	top: 91px;
	background-image: url(../images/complete-conversation.svg);
}

.ios-recover-files .painting .complete-ipad .complete-conversation {
	width: 15px;
	height: 16px;
	left: 88px;
	top: 43px;
}

.ios-recover-files .painting .complete-notepad .complete-conversation {
	width: 18px;
	height: 19px;
	left: 195px;
	top: 45px;
}
.ios-recover-files .painting .complete-iphone .complete-conversation {
	width: 18px;
	height: 19px;
	left: 70px;
	top: 40px;
}

.ios-recover-files .painting .complete-person {
	width: 32px;
	height: 35px;
	left: 373px;
	top: 381px;
	background-image: url(../images/complete-person.svg);
}

.ios-recover-files .painting .complete-ipad .complete-person {
	width: 14px;
	height: 15px;
	left: 56px;
	top: 114px;
}

.ios-recover-files .painting .complete-notepad .complete-person {
	width: 18px;
	height: 19px;
	left: 246px;
	top: 92px;
}
.ios-recover-files .painting .complete-iphone .complete-person {
	width: 18px;
	height: 19px;
	left: 45px;
	top: 120px;
}


.ios-recover-files .painting .complete-phone {
	width: 31px;
	height: 37px;
	left: 268px;
	top: 460px;
	background-image: url(../images/complete-phone.svg);
}

.ios-recover-files .painting .complete-ipad .complete-phone {
	width: 13px;
	height: 16px;
	left: 91px;
	top: 78px;
}

.ios-recover-files .painting .complete-notepad .complete-phone {
	width: 15px;
	height: 19px;
	left: 148px;
	top: 92px;
}
.ios-recover-files .painting .complete-iphone .complete-phone {
	width: 15px;
	height: 19px;
	left: 75px;
	top: 77px;
}

.ios-recover-files .painting .complete-movie {
	width: 37px;
	height: 37px;
	left: 109px;
	top: 456px;
	background-image: url(../images/complete-movie.svg);
}

.ios-recover-files .painting .complete-ipad .complete-movie {
	width: 16px;
	height: 15px;
	left: 56px;
	top: 79px;
}

.ios-recover-files .painting .complete-notepad .complete-movie {
	width: 20px;
	height: 20px;
	left: 95px;
	top: 91px;
}
.ios-recover-files .painting .complete-iphone .complete-movie {
	width: 20px;
	height: 20px;
	left: 44px;
	top: 80px;
}

.ios-recover-files .painting .complete-mic {
	width: 21px;
	height: 36px;
	left: 24px;
	top: 379px;
	background-image: url(../images/complete-mic.svg);
}

.ios-recover-files .painting .complete-ipad .complete-mic {
	width: 10px;
	height: 17px;
	left: 57px;
	top: 42px;
}

.ios-recover-files .painting .complete-notepad .complete-mic {
	width: 11px;
	height: 22px;
	left: 147px;
	top: 45px;
}
.ios-recover-files .painting .complete-iphone .complete-mic {
	width: 11px;
	height: 22px;
	left: 47px;
	top: 40px;
}

.ios-recover-files .painting .obj-wrap.inview .complete-arrow {
	-webkit-transition: opacity .5s ease-out .8s;
	transition: opacity .5s ease-out .8s;
}

.ios-recover-files .painting .obj-wrap.inview .complete-arrow {
	opacity: 1;
	-webkit-animation: rotate 1.6s ease-out 3.2s;
	animation: rotate 1.6s ease-out 3.2s;
}


.ios-recover-files .painting .obj-wrap.inview .complete-rotate {
	-webkit-transition: opacity .8s ease-out .8s;
	transition: opacity .8s ease-out .8s;
}

.ios-recover-files .painting .obj-wrap.inview .complete-rotate {
	-webkit-animation: complete-rotate .8s ease-out 1.6s;
	animation: complete-rotate .8s ease-out 1.6s;
}

.ios-recover-files .painting .obj-wrap.inview .complete-ipad,
.ios-recover-files .painting .obj-wrap.inview .complete-notepad,
.ios-recover-files .painting .obj-wrap.inview .complete-iphone {
	-webkit-transition: opacity .8s ease-out;
	transition: opacity .8s ease-out;
}
.ios-recover-files .painting .obj-wrap.inview .complete-ipad.my-ipad::before{
        opacity: 1;
	-webkit-transition: opacity .8s ease-out 3s;
	transition: opacity .8s ease-out 3s;
}
.ios-recover-files .painting .obj-wrap.inview .complete-iphone::before{
        opacity: 1;
	-webkit-transition: opacity .8s ease-out 3s;
	transition: opacity .8s ease-out 3s;
}
.ios-recover-files .painting .obj-wrap.inview .complete-ipad::after{
        opacity: 1;
	-webkit-transition: opacity .8s ease-out 4s;
	transition: opacity .8s ease-out 4s;
}
.ios-recover-files .painting .obj-wrap.inview .complete-iphone::after{
        opacity: 1;
	-webkit-transition: opacity .8s ease-out 4s;
	transition: opacity .8s ease-out 4s;
}
.ios-recover-files .painting .obj-wrap.inview .complete-ipad .animate-item,
.ios-recover-files .painting .obj-wrap.inview .complete-notepad .animate-item,
.ios-recover-files .painting .obj-wrap.inview .complete-iphone .animate-item {
	opacity: 1;
	-webkit-transition: opacity .8s ease-out 4s;
	transition: opacity .8s ease-out 4s;
}

.ios-recover-files .painting .obj-wrap.inview .complete-ipad,
.ios-recover-files .painting .obj-wrap.inview .complete-ipad::after,
.ios-recover-files .painting .obj-wrap.inview .complete-notepad,
.ios-recover-files .painting .obj-wrap.inview .complete-notepad::after,
.ios-recover-files .painting .obj-wrap.inview .complete-iphone,
.ios-recover-files .painting .obj-wrap.inview .complete-iphone::after,
.ios-recover-files .painting .obj-wrap.inview .complete-rotate {
	opacity: 1;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-flower {
	-webkit-animation: complete-icon 1.76s ease-out 2.72s forwards;
	animation: complete-icon 1.76s ease-out 2.72s forwards;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-chat {
	-webkit-animation: complete-icon 1.76s ease-out 2.32s forwards;
	animation: complete-icon 1.76s ease-out 2.32s forwards;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-calendar {
	-webkit-animation: complete-icon 1.76s ease-out 2s forwards;
	animation: complete-icon 1.76s ease-out 2s forwards;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-conversation {
	-webkit-animation: complete-icon 1.76s ease-out 1.68s forwards;
	animation: complete-icon 1.76s ease-out 1.68s forwards;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-person {
	-webkit-animation: complete-icon 1.8s ease-out 2.5s forwards;
	animation: complete-icon 1.8s ease-out 2.5s forwards;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-phone {
	-webkit-animation: complete-icon 1.84s ease-out 2.16s forwards;
	animation: complete-icon 1.84s ease-out 2.16s forwards;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-movie {
	-webkit-animation: complete-icon 1.68s ease-out 1.84s forwards;
	animation: complete-icon 1.68s ease-out 1.84s forwards;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box .complete-mic {
	-webkit-animation: complete-icon 1.6s ease-out 1.8s forwards;
	animation: complete-icon 1.6s ease-out 1.8s forwards;
}

.ios-recover-files .painting .complete-box.animate-item {
	width: 395px;
	height: 497px;
	top: 0;
	left: 16px;
	opacity: 1;
}

.ios-recover-files .painting .obj-wrap.inview .complete-box {
	-webkit-animation: complete-box 3.2s ease-out 1.6s both;
	animation: complete-box 3.2s ease-out 1.6s both;
}

.functions{
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	-webkit-transform-origin:0 0;
	transform-origin: 0 0;
}

.obj-wrap .functions {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.obj-wrap .functions>* {
	position: absolute
}

.obj-wrap .function-s {
	width: 100px;
	height: 100px
}

.obj-wrap .function-s .icon {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;	
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (min--moz-device-pixel-ratio:1.3),
only screen and (-o-min-device-pixel-ratio:1.3 / 1),
only screen and (min-resolution:125dpi),
only screen and (min-resolution:1.3dppx) {
	.obj-wrap .function-s .icon {
		background-size: 100px auto
	}
}


.obj-wrap .function-s .name {
	position: absolute;
	top: 100px;
	left: -20px;
	width: 140px;
	line-height: 18px;
	padding-top: 9px;
	text-align: center;
	opacity: 0
}

.obj-wrap .function-s .pointer {
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color: #0c8ebf;
	pointer-events: none;
	opacity: 0
}

.obj-wrap .function-s p {
	display: none
}

.obj-wrap.inview .function-s .pointer {
	opacity: 1;
	-webkit-transition: opacity .2s linear 1.35s;
	transition: opacity .2s linear 1.35s
}

.obj-wrap.inview .function-s .name {
	opacity: 1;
	-webkit-transition: opacity .2s linear 1.2s;
	transition: opacity .2s linear 1.2s
}

.recover-data .painting .obj-wrap .computer {
	left: 201px;
	top: 264px;
	width: 297px;
	height: 124px;
	background: url(../images/pc-phone-1.png) left top no-repeat
}
.painting .obj-wrap .lights .light{
	position: relative;
}
.painting .obj-wrap .lights {
	position: absolute;
	left: 60px;
	top: 40px;
	width: 44px
}

.obj-wrap .lights .light {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 3px;
	margin-bottom: 3px;
	float: left;
	background: #fff;
	opacity: .2;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.obj-wrap .lights .light.light-on {
	opacity: .8
}

.obj-wrap .connect {
	left: 308px;
	top: 286px;
	width: 75px;
	height: 28px;
}

.obj-wrap .function-s .name {
	color: #b7e1ef;
	margin: auto;	
	font-size: 14px;
}

.obj-wrap .function-s .pointer {
	border-color: #7ad5e7;
}

.obj-wrap .screenshots {
	left: 25px;
	top: 266px
}

.obj-wrap .screenshots .icon {
	background-color: #09958a;
	background-image: url(../images/smart_recovery.png);
}

.obj-wrap .screenshots .pointer {
	left: 108px;
	top: 53px;
	width: 122px;
	height: 1px;
	border-color: transparent transparent #7ad5e7 transparent
}

.obj-wrap .file-management {
	left: 61px;
	top: 120px
}

.obj-wrap .file-management .icon {
	background-color: #327ecc;
	background-image: url(../images/device_recovery.png);
}

.obj-wrap .file-management .pointer {
	left: 121px;
	top: 120px;
	width: 83px;
	height: 57px;
	border-color: #7ad5e7 #7ad5e7 transparent transparent
}

.obj-wrap .backup-restore {
	left: 208px;
	top: 30px
}

.obj-wrap .backup-restore .icon {
	background-color: #54925f;
	
	background-image: url(../images/itunes.png);
}

.obj-wrap .backup-restore .pointer {
	left: 68px;
	top: 137px;
	width: 1px;
	height: 130px;
	border-color: transparent transparent transparent #7ad5e7
}

.obj-wrap .real-time {
	left: 347px;
	top: 89px
}

.obj-wrap .real-time .icon {
	background-color: #1984b3;
	background-image: url(../images/iCloud.png)	
}

.obj-wrap .real-time .pointer {
	left: -38px;
	top: 146px;
	width: 91px;
	height: 73px;
	border-color: transparent #7ad5e7 #7ad5e7 transparent
}

.obj-wrap .screenshots {
	-webkit-transform: translate(201px, 0) scale(0);
	transform: translate(201px, 0) scale(0)
}

.obj-wrap .file-management {
	-webkit-transform: translate(169px, 147px) scale(0);
	transform: translate(169px, 147px) scale(0)
}

.obj-wrap .backup-restore {
	-webkit-transform: translate(27px, 238px) scale(0);
	transform: translate(27px, 238px) scale(0)
}

.obj-wrap .real-time {
	-webkit-transform: translate(-118px, 170px) scale(0);
	transform: translate(-118px, 170px) scale(0)
}

.obj-wrap.inview .function-s {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform .6s ease-out .5s;
	-moz-transition: -moz-transform .6s ease-out .5s;
	transition: transform .6s ease-out .5s
}

.heic-to-jpeg-png .painting .obj-wrap .camera-key-1{
       width:350px;
       height:267px;
       background: url(../images/camera-1.png)center/100% no-repeat;
}
.heic-to-jpeg-png .painting .obj-wrap .camera-key-2{
       width:350px;
       height:0;
       top:269px;
       background: url(../images/camera-2.png)center/100% no-repeat;
}
.heic-to-jpeg-png .painting .obj-wrap.inview .camera-key-2{
       height:267px;
       -webkit-transition: all 2.6s ease-out .5s;
	-moz-transition: all 2.6s ease-out .5s;
	transition: all 2.6s ease-out .5s
}
.heic-to-jpeg-png .painting .obj-wrap .convert-down{
    top: 200px;
    left: 250px;
    width: 64px;
    height: 64px;
    background: url(../images/down.png)center/100% no-repeat;
    opacity:0.5;
}
.heic-to-jpeg-png .painting .obj-wrap.inview .convert-down{
    top: 280px;
    left: 250px;
    width: 64px;
    height: 64px;
    background: url(../images/down.png)center/100% no-repeat;
    -webkit-transition: all 2.6s ease-out .5s;
    -moz-transition: all 2.6s ease-out .5s;
    transition: all 2.6s ease-out .5s
}

.heic-to-jpeg-png .painting .obj-wrap .camera-key-font {
    color:#fff;
    padding: 10px;
    background: #00000047;
    border-radius: 20px;
}
.test-code-show{
    display:block;
}
.test-code-hide{
    display:none;
}
.copy-code{
    background:#24b7e3;
    color:#fff;
}
#alertFram{
   position: absolute;
    width: 65vh;
    height: 150px;
    top:30%;
    left:30%;
    text-align: center;
    z-index: 300;
}
#alertFram .alert-li1{
   padding-top:30px;background:#fff;font-size:16px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;border-bottom:none;color:#000;
}
#alertFram .alert-li2{
  background:#fff;text-align:center;font-size:14px;height:75px;line-height:95px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;border-bottom:none;color:#000;
}
#alertFram .alert-li3{
  background:#fff;text-align:center;font-size:16px;height:95px;line-height:95px;border-left:1px solid #F9CADE;border-right:1px solid #9E9E9E;border-bottom:none;color:#000;
}
#alertFram .alert-li4{
  background:#fff;text-align:center;font-weight:bold;height:50px;line-height:25px; border:1px solid #F9CADE;border-top:none;
}
#alertFram .alert-li5{
  position: absolute;
  top: 2.5%;
  right: 2.5%;;
}
#alertFram .alert-ul{
  list-style:none;margin:0px;padding:0px;width:100%;position: relative;
}

.download-prompt-title {
  text-align:center;
 
}
.download-prompt-title h3{
   padding: 30px 0;
   background-color: #DCEEF8;
}
.download-prompt-content{
   text-align:center;
   padding:45px 0;
   padding-top:10px;
}
.download-prompt-content ul{
    list-style:none;
    padding: 0 20px;
    text-align:left;
}
.download-prompt-content p{
    width: 88%;
    margin: 0 auto;
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
.download-prompt-content-share{   
    width: 88%;
    margin: 0 auto;
    margin-top: 30px;
}
.download-prompt-content-note{
    background:#03a9f4;
    width: 88%;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 14px;
    color: #323232;
    line-height: 24px;
}
.download-prompt-content-note a{
    color:#fff;
}
.download-prompt-content-tutorials{   
    width: 88%;
    margin: 0 auto;
    margin-top: 30px;
    background:#ffc10791
}

#product-code{
  display:none;
}
.pc-hidden{
  display:none !important;
}
#safe .writing{
  margin-top: 94px;
}
.supported-devices .painting{
  margin-top: 94px;
}
#recover .writing{
  margin-top: 49px;
}
.isr-supported-devices{
  background:none;
}
.isr-supported-devices .writing{
  margin-top:94px;
  
}
#error .pro-wrapper{
  max-width:100%;
}
#error {
  margin-top:40px;
}
#error .writing{
  margin-top: 49px;
}
#fix .writing{
  margin-top: 76px;
  
}
#recover .writing{
  margin-top:49px;
}
#fix-ios .writing{
  margin-top: 69px;
}
#backup-restore .writing{
 margin-top: 76px;
}
.idr-supported-devices{
  background:none;
}
.idr-supported-devices .writing{
  margin-top:94px;
  
}
#switch .writing{
  margin-top:69px;
}
#unlock .writing{
  margin-top: 94px;
}
#transfer .writing{
  margin-top:69px;
}
#eraser .writing{
  margin-top:76px;
}
#root .writing{
  margin-top:94px;
}
.iosdr-supported-devices{
  background:none;
}
.iosdr-supported-devices .writing{
  margin-top:94px;
  
}
#transfer-data .pro-wrapper{
 max-width:100%;
}
#transfer-data .writing{
 margin-top:49px;
}
.ms-supported-devices{
  background:none;
}
.ms-supported-devices .writing{
  margin-top:94px;
  
}
#heic-to-jpeg-png .writing{
  margin-top:76px;
}



.pro-intro, .prd-intro {
    background: no-repeat center top;
    background-size: auto 100%;
}
.prd-intro-2 {
    padding-top: 118px;
    padding-bottom: 150px;
}
.merry-title {
    width: 100%;
    height: 177px;
    position: relative;
}
.merry-title {
    width: 100%;
    height: 177px;
    position: relative;
}
.merry-title ul {
    height: 177px;
}
.merry-title .list {
    width: 860px;
    height: 177px;
    position: absolute;
    left: 50%;
    margin-left: -430px;
}
.merry-title li {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    filter: alpha(opacity=0);
}
.merry-title .p2 {
    -webkit-transform: translate3d(0px,0,0) scale(.81);
    transform: translate3d(0px,0,0) scale(.81);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}

.merry-title .p3 {
    -webkit-transform: translate3d(35px,0,0) scale(1);
    transform: translate3d(35px,0,0) scale(1);
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
}
.merry-title .p4 {
    -webkit-transform: translate3d(70px,0,0) scale(.81);
    transform: translate3d(70px,0,0) scale(.81);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}
.merry-title h2 {
    font-size: 26px;
    color: #363636;
    text-align: center;
    line-height: 22px;
    padding-bottom: 38px;
    font-weight: 600;
}
.merry-title p {
    color: #565656;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 55px;
}
.merry-go-round .box {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.merry-go-round .list {
    width: 1000px;
    height: 300px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    overflow: hidden;
}
.merry-go-round li {
    position: absolute;
    top: 0;
    left: 0;
    left: 25%\9;
    list-style: none;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.merry-go-round .p2 {
    -webkit-transform: translate3d(94px,0,0) scale(.8);
    transform: translate3d(94px,0,0) scale(.8);
    -webkit-transform-origin: 11% 50%;
    transform-origin: 11% 50%;
    opacity: .7;
    z-index: 2;
    
}
.merry-go-round .p3 {
    -webkit-transform: translate3d(250px,0,0) scale(1);
    transform: translate3d(250px,0,0) scale(1);
    z-index: 3;
    opacity: 1;
    
}
.merry-go-round .p4 {
    -webkit-transform: translate3d(495px,0,0) scale(.8);
    transform: translate3d(495px,0,0) scale(.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: .7;
    z-index: 2;
    
}
.merry-go-round h2, .merry-go-round h3, .merry-go-round .text {
    display: none;
}
.merry-go-round li a {
    display: block;
    width: 500px;
    height: 300px;
    border: none;
    float: left;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.merry-go-round li a p {
    color: #fff;
    margin-top: 60px;
}
.merry-go-round li a img {
    margin-top: 50px;
}
.merry-go-round .pnbtn {
    position: absolute;
    top: 50%;
    margin-top: -150px;
    width: 105px;
    height: 300px;
    line-height: 300px;
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: rgba(0,255,0,.5);
    cursor: pointer;
}
.merry-go-round .prev {
    left: 0;
    background: url(/images/pre.png) no-repeat center center;
}
.merry-go-round .next {
    right: 0;
    background: url(/images/next.png) no-repeat center center;
}
.merry-go-round .buttons {
    display: none;
    position: absolute;
    width: 1200px;
    height: 30px;
    bottom: 0;
    left: 50%;
    margin-left: -600px;
    text-align: center;
    padding-top: 10px;
}