﻿@charset "utf-8";
/*reset*/
@import url(font.css);
body,html{ font-family:"Open Sans","Open Sans2";font-weight:300;color:#222;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x:hidden}
*{margin:0;padding:0;font-size:14px;font-weight:300}
li{list-style:none;list-style-position: inside!important}
a{text-decoration:none;color:#666;margin:0}

h1,h1 a,h1 b{font-size:30px}
h2,h2 a,h2 b{font-size:28px}
h3,h3 a,h3 b{font-size:25px}
h4,h4 a,h4 b{font-size:15px}
.link{font:inherit;color:#41abe1;}
.link:hover{text-decoration:underline}
img{border:none}
div:focus,textarea:focus,input:focus{outline:none}
.clear{clear:both;width:100%}
.fl{float:left!important}
.fr{float:right!important}
.pbn{padding-bottom: 0!important;}
.main{height:auto;margin:0 auto;clear:both;width:1000px}
.top-bar-banner{ display:none}
.mtn{margin-top: 0}
.strong{font-size: inherit;font-weight: 400}
.strong2{font-size: inherit;font-weight: 600}


/*top banner*/
#advert{
	position:absolute;
	width:100%;
	height:35px;
	display:none;
	background: url(/images/blogs/advert_bg.png) #5ADBF1;
}
#advert .main {position: relative;display: block;line-height: 35px}
#close-banner-btn { position:absolute;right:21px;top:5px;cursor:pointer}
#advert .main span{font-weight: 600;color:#fff}

/*topbar*/
.navmenu{clear:both;height:60px; margin-top:0;}
.navmenu .logo {width:20%;display:inline-block;float:left;padding-top:21px;margin-right:10px}

@media all and (min-width: 960px){.main{ width:900px}}
@media all and (min-width:1023px){.main{ width:990px}}
@media all and (min-width:1440px){.main{ width:1240px}}
@media all and (max-width:959px) {.main{ width:auto;margin:0 20px} #close-banner-btn{right:0}}
@media all and (max-width:639px) {.main{ width:auto;margin:0 15px}  #advert .main{padding-left:10px;margin-left: 2px}  #close-banner-btn{right:-11px}  #advert .main span{padding-left: 0;font-size: 12px}}
@media all and (max-width:369px){#advert .main{font-size: 12px;padding-left:12px;background: none}}

/*navigation bar*/
.border{border-bottom:4px solid #0082b5}
.border_none{border:none!important}
.hidden{display:none}
.center{text-align:center}
.slide_down .apart div p a{position:relative}
.slide_down .apart div p a span{color:#F00;font-weight:500;font-size: 10px;font-style:italic;position: absolute;top: 1px;right:-30px}


@media all and (min-width:960px){
	.navmenu ul {float:right;z-index:110}
	.navmenu ul li{float:left;line-height:60px}
	.navmenu ul li a.title{display:block;padding:0 30px;font-weight:400;color:#222;text-align:center}
	.navmenu ul li.hover a.title{color:#e16138!important;background:#f1f1f1;border-bottom:4px solid #e16138}
	.navmenu ul li a.hot{ border-bottom:4px solid #e16138}
	.navmenu ul li.navmenu_on a.title{border-bottom:4px solid #e16138}
	
	.slide_down{position:absolute;top:64px;right:0;z-index:10000;width:70%;display:none;padding:25px 25px 50px 25px;background:#eee}
	.block{clear:both}
	.slide_down h2{margin-bottom:25px;line-height:40px;text-indent:15px;border-bottom:1px solid #fff}
	.slide_down h2 a{font-size:22px;font-weight:400;color:#222}
	.slide_down h2 a:hover{ text-decoration:underline}
	.slide_down .apart{width:47%;float:left;margin-right:20px;border-right:1px solid #fff}
	.slide_down .apart div{padding:5px 0 15px 0;text-indent:15px}
	.slide_down .apart div h3{margin:0;padding:0 0 4px 0;font-weight:normal;line-height:28px;color:#111}
	.slide_down .apart div h3 a{ font-weight:400;font-size:20px;color:#222}
	.slide_down .apart div h3 a:hover{ text-decoration:underline}
	.slide_down .apart div p{margin-bottom:0;padding-left:2px;line-height:24px}
	.slide_down .apart div p a{font-size:16px;color:#222;text-decoration:none}
	.slide_down .apart div p a:hover{text-decoration:underline}
	.navmenu ul li.app-nav{display:none}
}

/* Footer */
.footer {background-color:#2c2c2c; overflow:hidden; clear:both}
.footer_a { margin-top:15px;color:#919191}
.footer_a li {float:left}
.footer_a a{color:#919191}
.footer_a a:hover{text-decoration: underline}
.footer .footer_center {overflow: hidden}
.footer_center .about, .support, .resources, .social,.product{width:19%;float:left;padding-top:25px;padding-right:1%}
.footer_center .imagetop{margin:20px 0 10px 0 !important}
.footer_center div p {line-height:24px}
.footer_center div p a {color: #919191}
#imagetop a img{width:23%;max-width:55px}
.footer_center div p a:hover {text-decoration:underline}
.footer_center div .ftitle {margin-bottom:5px;font-size:16px;line-height: 28px;color: #C8C8C8}
.footer_center .email{width:143px;height:25px;display:block;font-weight:700;color:#dedede;line-height:27px;text-indent:5px;text-decoration:none !important;background:url(/images/dotarrow.png) no-repeat 200px 6px;border-radius:5px;border:1px solid #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s}
.footer_center .email a{color:#dedede}
.footer_center .email:hover{background-color:#40464b}
.footer_center .copy-right {margin-top:40px; margin-bottom:40px;color: #C8C8C8; clear:both}
.footer_center .copy-right .pull-right{float:right!important; color:#CCC}

#back_top_btn{position:fixed;bottom:30px;right:10px;width:50px;height:50px;display:none;background:url(/images/back_top_ico.png) center center no-repeat;cursor:pointer}
.clearfix{clear:both}


@media all and (max-width:959px){
	.navmenu ul{position:fixed;top:0;right:-300px;width:300px;height:100%;z-index:10000;background:#515151;overflow:hidden;overflow-y:auto;
		-webkit-transition:-webkit-transform .2s ease-out;
		-moz-transition:-moz-transform .2s ease-out;
		-ms-transition:-ms-transform .2s ease-out;
		transition:transform .2s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);}
	ul.nav-show{
		-webkit-transition:-webkit-transform .2s ease-out;
		-moz-transition:-moz-transform .2s ease-out;
		-ms-transition:-ms-transform .2s ease-out;
		transition:transform .2s ease-out;
		-webkit-transform: translate3d(-300px, 0, 0);
		-moz-transform: translate3d(-300px, 0, 0);
		-ms-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);}
	.navmenu ul li{text-align:left;border-bottom:1px solid #444}
	.navmenu ul li a.title{display:block;padding:0 25px;font-weight:400;font-size:15px;line-height:50px;color:#fff}
	.navmenu ul li.app-nav{position:relative;height:50px;color:#fff;border-bottom:none}
	.navmenu ul li.app-nav img{position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer}
	
	.app-nav-btn{position:absolute;right:15px; top:20px;width:23px;height:16px;background:url(/images/app-nav-btn.png) no-repeat;cursor:pointer}
	.navmenu h2{display:none;line-height:40px}
	.navmenu h3 a{display:block;font-size:16px;font-weight:600;color:#e16138;line-height:40px}
	.navmenu h3{padding-left:25px;font-weight:400;line-height:40px}
	.slide_down{display:none;background:#444}
	.slide_down .apart div p a{display:block;padding:0 25px 0 35px;font-size:14px;line-height:40px;color:#bbb}
}
@media all and (max-width:1440px){
	.navmenu ul li a.title{padding: 0 22px}
}
@media all and (max-width:1024px){
	.navmenu ul li a.title{padding: 0 15px}
}
@media all and (max-width:1023px){
	*{font-size:13px}
	h1,h1 a,h1 b{font-size:25px}
	h2,h2 a,h2 b{font-size:23px}
	h3,h3 a,h3 b{font-size:20px}
	h4,h4 a,h4 b{font-size:13px}
}
@media all and (max-width:799px){
	.navmenu .logo a img {width:120px}
	.navmenu .logo{padding-top:21px}
	.footer_center .resources{ clear:both}
	.footer_center .about, .support, .resources, .social, .product{width:31%}
	#imagetop a img{width:15%}
	#back_top_btn{width:40px;height:40px}
}

@media all and (max-width:679px){
	.none{display: none}
}
@media all and (max-width:639px) {
	h1,h1 a,h1 b{font-size:20px}
	h2,h2 a,h2 b{font-size:18px}
	h3,h3 a,h3 b{font-size:16px}
	h4,h4 a,h4 b{font-size:12px}
	.footer_center .about, .support, .resources, .social, .product{float:none;width:auto}
	.top-bar-banner{background-size:130% 100%}

}

@media all and (max-width:510px){
	/*.navmenu{margin-top: 45px}
	.app-nav-btn{top: 65px}*/
}
@media all and (max-width:420px){
	#close-banner-btn{top: 14px}
	#advert{height: 45px;background: url(/images/blogs/advert_bg_min.png) no-repeat;background-size: 100% 100%}
	#advert .main span{padding-left:0; line-height: 20px}
}

/*resources page*/
#page > a, #page > span { padding: 3px 10px;margin: 0 5px;border: 1px solid #ccc}
del{font: inherit}

/*secondary page--Products title*/
.products_title{width: 100%; height: 100px; margin-bottom:10px; background: #41abe1}
.products_title h1{font-weight: 400; line-height: 100px;color: #fff}
.products_title h2{height: 100px; color: #fff; font-weight: 400; line-height: 100px}
/*secondary page--Products list*/
.product_list{padding-top:20px;padding-bottom:50px;overflow:hidden;clear:both;}
.product_list .product_tab{width:100%;height:80px;clear:both;}
.product_list .product_tab ul{position:relative;width:100%;height:77px;border-bottom:3px solid #ddd;}
.product_list .product_tab ul li{float:left;}
.product_list .product_tab ul li a{display:block;text-align:center;height:77px;font-weight:400;}
.product_list .product_tab ul li a:hover{ color:#41abe1;}
.product_list .product_tab ul li a b{display:block;width:40px;height:40px;margin:0 auto 5px;}
.product_list .product_tab ul li a .b1{ background-position:0 0;}
.product_list .product_tab ul li a .b2{ background-position:-40px 0;}
.product_list .product_tab ul li a .b3{ background-position:-80px 0;}
.product_list .product_tab ul li a .b4{ background-position:-120px 0;}
.product_list .product_tab ul li a .b5{ background-position:-160px 0;}
.product_list .product_tab ul li a .b6{ background-position:-200px 0;}
.product_list .product_tab ul li.hover a{color:#41abe1;border-bottom:3px solid #41abe1}
.product_list .product_tab ul li.hover a .b1{ background-position:0 -40px;}
.product_list .product_tab ul li.hover a .b2{ background-position:-40px -40px;}
.product_list .product_tab ul li.hover a .b3{ background-position:-80px -40px;}
.product_list .product_tab ul li.hover a .b4{ background-position:-120px -40px;}
.product_list .product_tab ul li.hover a .b5{ background-position:-160px -40px;}
.product_list .product_tab ul li.hover a .b6{ background-position:-200px -40px;}

@media all and (max-width:639px){
	.product_list .product_tab ul li{width:50%!important;height:80px;}
	.product_list .product_tab ul{border-bottom:0;}
	.product_list .product_tab ul li.hover a{border-bottom:0;}
	.product_list .product_tab ul li a b{margin:0 0 5px 0;}
	.product_list .product_tab ul li a{text-align:left;}
}

/*product banner*/
.pro_banner{overflow:hidden;text-align:center;width:100%;}
.pro_banner1{color: #fff;background: url("/images/features/datarecovery/banner_date.png") no-repeat;background-size: cover;padding-bottom:133px;}/*datarecovery*/
.pro_banner2{ color: #000;background: url("/images/features/pdfpasswordremover/banner.jpg") no-repeat;background-size: cover; padding-bottom: 121px;}/*password*/
.pro_banner2_new{color: #fff;background: url("/images/features/pdfpasswordremover/banner.png") no-repeat;background-size: cover; padding-bottom: 121px;}
.pro_banner3{color: #fff;background: url(/images/features/contactmanager/banner.jpg) no-repeat;background-size:cover; padding-bottom: 105px;}/*contactsmate*/
.pro_banner4{color: #4d4d4d;background: url("/images/features/duplicatefinder/banner.jpg") no-repeat;background-size: cover;padding-bottom: 135px;}/*duplicate*/
.pro_banner5{color:#eee;background: url(/images/features/appcrypt/banner.jpg) no-repeat;background-size:cover;padding-bottom: 125px}/*appcrypt*/
.pro_banner6{color:#fff;background: url(/images/bannera.jpg) no-repeat;background-size:cover;padding-bottom: 125px}/*DVDBurner*/
.pro_banner7{color:#fff;background: url(/images/vcbanner.jpg) no-repeat;background-size:cover;padding-bottom: 120px}/*VideoConverter*/
.pro_banner8{color:#fff;background: url(/images/features/videoplayer/banner.jpg) no-repeat;background-size:cover;padding-bottom: 120px}/*videoplayer*/
.pro_banner9{color:#2f2f2f;background: url(/images/features/pdftowordconverter/banner.jpg) #cde4ec 0 bottom no-repeat;background-size:100%;padding-bottom: 120px}/*pdftowordconverter*/
.pro_banner10{color:#fff;background: url(/images/features/iphonedatarecovery/banner.png) no-repeat;background-size:cover;padding-bottom: 120px}/*iphone-data-recovery*/
.pro_h1{font-size: 40px;font-weight: 600;margin-top: 100px;text-align: center;}
.pro_h1 img{vertical-align: middle;margin-right: 15px;width: 100px;}
.pro_h2{font-size: 28px;font-weight: 300;line-height: 30px;margin: 35px auto 0;width: 90%;}
.pro_p{font-size: 18px;line-height: 28px;margin: 17px auto 62px;width: 74%;}
.bann_btn{border-radius: 5px;display: inline-block;font-size: 20px;font-weight: 600;letter-spacing: 1px;line-height: 47px;margin: 0 13px 10px;text-align: center;width: 250px;}
.bann_btn1{border: 1px solid #00b5b1;color: #00b5b1;}/*datarecovery*/
.bann_btn1:hover{border: 1px solid #00b5b1;background-color: #00b5b1;color: #fff}
.bann_btn2{border: 1px solid #41fffb;color: #41fffb;}/*password*/
.bann_btn2:hover{border: 1px solid #41fffb;background-color: #41fffb;color: #fff}
.bann_btn3{border: 1px solid #fff;color: #fff;}/*contactsmate*/
.bann_btn3:hover{border: 1px solid #079fca;background-color: #079fca;color: #fff}
.bann_btn4{border: 1px solid #014796;color: #0e4d93;}/*duplicate*/
.bann_btn4:hover{border: 1px solid #4073ac;background: #4073ac;color: #fff;}
.bann_btn5{border: 1px solid #fff;color: #fff;}/*appcrypt*/
.bann_btn5:hover{border: 1px solid #009dd9;background: #009dd9;color: #fff;}
.bann_btn6{border: 1px solid #ffc478;color: #ffc478;}/*dvdburner*/
.bann_btn6:hover{border: 1px solid #ffc478;background: #ffc478;color: #fff;}
.bann_btn7{border: 1px solid #ffe63f;color: #ffe63f;}/*video-converter-mac*/
.bann_btn7:hover{border: 1px solid #fce12a;background: #fce12a;color: #fff;}
.bann_btn10{border: 1px solid #9eb958;color: #c9fd58;}/*iphone-data-recovery*/
.bann_btn10:hover{border: 1px solid #bcec52;background: #bcec52;color: #fff;}

@media all and (max-width: 1024px){
	.pro_h1{font-size: 32px;}
	.pro_h2{font-size: 24px}
	.pro_p{font-size: 16px}
	.bann_btn{font-size: 18px}
}
@media all and (max-width: 768px){
	.pro_h1{font-size: 30px}
	.pro_h2{font-size: 22px}
	.pro_p{font-size: 14px}
}
@media all and (max-width: 640px){
	.pro_h1{font-size: 26px}
	.pro_h1 img{margin-right: 0}
}

@media all and (max-width: 599px){
	.pro_h1{font-size: 24px}
	.pro_h2{font-size: 18px}
}
@media all and (max-width: 480px){
	.pro_p{width: 90%}
	.pro_h2{width:95%;}
}
@media all and (max-width: 430px){
	.pro_h1{text-align: left;height: 50px}
	.pro_h1 img{float: left;margin-top: -15px;}
}
@media all and (max-width: 360px){
	.pro_h1{font-size: 20px;}
	.pro_h1 img{float: left;margin-top: -1px;width: 60px;height: 60px}
}
@media all and (max-width: 320px){
	.pro_h1{font-size: 19px;}
	.pro_h1 img{margin-top: -4px;}
}

/*float menu*/
.topnav{background: #3e3e3e;width: 100%}
.topnav5{background: #009dd9} /*appcrypt*/
.fixed2{position:fixed;top:0;z-index:110;}
.topnav_left{float: left;font-size: 16px;font-weight: 400;color: #fff;line-height: 32px;margin-top: 21px;}
.topnav_icon{width: 47px;vertical-align: middle;margin-right: 10px;}
.topnav_right{float: right}
.topnav_right ul{float: left;margin-top: 28px;}
.topnav_right ul li{margin: 5px 10px;float: left;}
.topnav_right ul li a {color: #fff;}
.topnav_star{height: 18px;margin-left: -5px;padding-top: 7px;margin-right:20px;float: left}
.topnav_star b {float: left;width: 17px;height: 16px;margin: 0 5px 0 0;background: url(/images/reviews/start.png) no-repeat;}
.topnav_star b.color {background-position: 0 0;}
.topnav_star b.gray {background-position: 0 -16px;}
.topnav_star b.half{background-position:0 -32px;}
.buy,.download{display: block;float: left;padding: 15px 30px}
.buy{background: #00b5b1}/*datarecovery*/
.buy2{background: #f35221}/*password*/
.buy3{background: #079fca}/*contactsmate*/
.buy4{background: #1f7ee5}/*duplicate*/
.buy5{background: #ffa61b}/*appcrypt*/
.buy6{background: #f35221}/*dvdburner*/
.buy7{background: #6641d9}/*video-converter-mac*/
.download{background: #fff;padding: 15px 32px}
.french{margin-right: 20px}
@media all and (max-width: 768px){
	.topnav_left{margin-top: 28px}
	.topnav_icon{width: 35px;}
}
@media all and (max-width: 640px){
	.topnav_left{margin-top: 10px;}
	.topnav_right ul{margin-top: 0;}
	.buy, .download{padding:5px 15px}
}

/*second buy*/
