@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Open+Sans:300,400,600,700,800');

.ffopen{ font-family:'open sans'}
.ffmont{ font-family:'Montserrat'}
p span a{font-family:'open sans'}
.f11{ font-size:11px;}  .f13{ font-size:13px;} .f14{ font-size:14px;} .f16{ font-size:16px; line-height:25px;} .f18{ font-size:18px;}  .f20{ font-size:20px;} .f22{ font-size:22px;} .f24{ font-size:24px;}
.f26{ font-size:26px;} .f28{ font-size:28px;} .f30{ font-size:30px;} .f35{ font-size:35px;} .f38{ font-size:38px;} .f42{ font-size:42px;}  .f52{ font-size:52px;} 
.f400{font-weight:400;} .f500{font-weight:500;} .f600{font-weight:600;} .f700{font-weight:700; } .f800{font-weight:800;}

 a:hover{text-decoration:none;}
 a:focus{text-decoration:none; color:#e11f27;}
 a:focus span{text-decoration:none; color:#e11f27;}
.bg-gray{ background:#e8e8e8;}
.bgf7{ background:#f7f7f7;}
.bg-black{ background:#333333}
.bg-white{ background:#ffffff;}
.bg-red{  background:#e11f26;}
.bg-green{  background:#099e44;}
.bg_light_gry{ background:#e8e8e8;}

.red{  color:#e11f26; }
.black{ color:#181617;}
.text_black{ color:#181617;}
.white{ color:#ffffff;}
.orange{ color:#f26225;}
.orange2{ color:#f26225;}
.m0{ margin:0}
.mt-5{ margin-top:5px;} .mt-10{ margin-top:10px;} .mt-20{margin-top:20px;} .mt-30{margin-top:30px;} .mt-40{margin-top:40px;}
.mb-5{ margin-bottom:5px;} .mb-10{ margin-bottom:10px;} .mb-20{margin-bottom:20px;} .mb-30{margin-bottom:30px;} .mb-40{margin-bottom:40px;}
.ml-5{ margin-left:5px;} .ml-10{ margin-left:10px;} .ml-20{margin-left:20px;} .ml-30{margin-left:30px;} .ml-40{margin-left:40px;}
.mr-5{ margin-right:5px;} .mr-10{ margin-right:10px;} .mr-20{margin-right:20px;} .mr-30{margin-right:30px;} .mr-40{margin-right:40px;}
.m-5{ margin:5px;} .m-10{ margin:10px;} .m-20{margin:20px;} .m-30{margin:30px;} .m-40{margin:40px;}
.p0{ padding:0}
.pt-5{ padding-top:5px;} .pt-10{ padding-top:10px;} .pt-20{padding-top:20px;} .pt-30{padding-top:30px;} .pt-40{padding-top:40px;}
.pb-5{ padding-bottom:5px;} .pb-10{padding-bottom:10px;} .pb-20{ padding-bottom:20px;} .pb-30{ padding-bottom:30px;} .pb-40{ padding-bottom:40px;}
.pl-5{ padding-left:5px;} .pl-10{padding-left:10px;} .pl-20{ padding-left:20px;} .pl-30{ padding-left:30px;} .pl-40{ padding-left:40px;} .pl-50{ padding-left:50px;}
.pr-5{ padding-right:5px;} .pr-10{padding-right:10px;} .pr-20{ padding-right:20px;} .pr-30{ padding-right:30px;} .pr-40{ padding-right:40px;} .pr-50{ padding-right:50px;}
.p-5{ padding:5px;} .p-10{padding:10px;} .p-20{ padding:20px;} .p-30{ padding:30px;} .p-40{ padding:40px;}
h1, h2, h3, h4, h5, h6{padding:0; margin-top:0 !important;}
.p-relative{ position:relative;}
.p-absolute{ position:absolute;}

.bck{ color:#000}
.whit{ color:#FFF}
.pr{ padding-right:0px}
.b_l{ border-left:#dddddd solid 1px}
.f16{ font-size:16px}
.f18{ font-size:18px}
.f28{ font-size:28px}
.f20{ font-size:20px}
.pd40{ padding-bottom:40px}
.pd20{ padding-bottom:20px}
.fw600{ font-weight:600}
.section_full_bg{ position:relative; width:100%; overflow:hidden}
.full_bg{ height:70vh; background:url('https://www.stellarinfo.com/franking/images/Video-Recovery-Banner.jpg') no-repeat scroll center center #f1f1f1; min-height:300px; background-size: cover;}
.full_hd{ font-size:50px; font-weight:600; /*color:#FFF;*/ padding-top:14%}
.full_shd{font-size:18px; font-weight:600; /*color:#FFF; */padding-bottom:4% }
.full_dld{background-color:#099e44; padding:0px 21px 11px; display:inline-table; font-size:22px; color:#FFF; font-weight:500; line-height:38px; border-radius:3px; position:relative}
.full_hd2{ font-size:60px; font-weight:600; color:#FFF; padding-top:14%; padding-bottom:2%}
.full_shd2{font-size:32px; font-weight:600; color:#FFF; padding-bottom:4% }
.wht-txt{ color:#FFFFFF;}



.full_dld:hover,.full_dld1:hover{ color:#FFF; text-decoration:none}
.full_dld img,.full_dld1 img{ vertical-align:middle; padding:22px 0px 11px; margin-right:13px}
.full_dld span,.full_dld1 span{ display:block; font-size:12px; position:absolute; left:56px; top:25px}
.full_bynw{background-color:#e11f26;padding:20px 20px 21px; font-size:22px; color:#FFF; font-weight:500;line-height:21px;  border-radius:3px; margin-left:20px; position:relative; top:6px; }
.full_bynw img{vertical-align:middle;padding:3px 0px 5px; margin-right:11px}
.full_bynw:hover,.full_dld:hover{ color:#FFF; text-decoration:none}

.full_bynw1{background-color:#0a5bba;padding:13px 21px 26px; font-size:22px; color:#FFF; font-weight:500;line-height:21px;  border-radius:3px; margin-left:20px}
.full_bynw1 img{vertical-align:middle;padding:3px 0px 5px; margin-right:11px}
.full_bynw1:hover,.full_dld:hover{ color:#FFF; text-decoration:none}

.full_dld1{background-color:#099e44; padding:0px 21px 11px; display:inline-table; font-size:22px; color:#FFF; font-weight:500; line-height:38px; border-radius:3px; position:relative}

.foot_subscrp input[type="submit"] {
    border: solid 1px #e11f27;
    background-color: #e11f27;
    padding: 17px 20px 16px !important;
    color: #FFF;
    margin-left: -4px !important;
}



.gray{ background-color:#f6f6f6}
.section_feature{ padding:50px 0px}
.section_customer{ padding:50px 0px; margin-top:40px}
.section_customer p{ line-height:25px}
.section_customer strong{ font-weight:600}
.glob_h{ font-size:32px; font-weight:600;}
.feat_box{ color:#000; padding:0% 5%}
.feat_box_im{ padding:10px 0px}
.feat_box_h{ font-weight:600;}
.feat_box_h span{ display:block}

.section_key{ line-height:25px}
.section_feature p{ line-height:28px}

.phot_rec_h span{ font-size:42px; font-weight:600;display:block; padding-bottom:15px}
.phot_rec_h { font-size:17px; padding:20px 0px 0px  }
.awrds_slider{ padding-top:20px; padding-left:15px}
.awrds_slider .carousel-indicators li {border-radius: 12px;width: 12px !important; height: 12px !important;background-color: #d3d3d3; cursor:pointer; display:inline-block; margin: 0 5px !important}
.awrds_slider .carousel-indicators{ bottom:-25px}
.awrds_slider .carousel-indicators li.active{ background-color:#e11f26}
.awrds_slider_img{ margin-right:25px; margin-bottom:10px}
.awrds_slider_h{ font-weight:600; font-size:18px}
.awrds_slider{  font-size:16px}
.sk_g{ background:url('https://www.stellarinfo.com/franking/images/Video-Recovery-Feature-Banner.jpg') no-repeat scroll top center #333; min-height:700px;cursor:pointer;}
.sk_mac{ background:url('https://www.stellarinfo.com/franking/images/feature-image-mac-data-recovery.jpg') no-repeat scroll top center #333; min-height:740px;cursor:pointer;}
.sk_wdr{ background:url('https://www.stellarinfo.com/franking/images/feature-image-wdr-data-recovery.jpg') no-repeat scroll top center #333; min-height:740px;cursor:pointer;}
.sk_m{ padding:5% 5% 3% 4%}
.sk_m_h{}
.sk_m_sh{ padding-bottom:20px}
.resouce{ border:solid 1px #e5e5e5}
.resouce_box{ padding:20px 25px}
.resouce_h{}
.resouce_sh{ padding-bottom:10px}
.recover_file_sh{ padding:10px 0px 30px 0px}
.recover_file_txt{ padding:4% 0%}

.recover_file_img{ position:relative; margin-top:30px; margin-left:20px}
.pic_1{ position:absolute; top:130px; left:35px}
.pic_2{ position:absolute; top:50px; left:180px}
.pic_3{ position:absolute; top:200px; left:180px}
.pic_4{position:absolute; top:122px; left:315px}
.pic_5{position:absolute; top:0px; left:325px}
.pic_6{position:absolute; top:265px; left:325px}
.pic_7{position:absolute; top:55px; left:470px}
.pic_8{position:absolute; top:200px; left:470px}
.pic_9{position:absolute; top:130px; left:610px}

.pic_f2{position:absolute; top:130px; left:610px}
.pic_m1{position:absolute; top:230px; left:490px}
.pic_m2{position:absolute; top:150px; left:610px}
.pic_m3{position:absolute; top:290px; left:325px}
.pic_m4{position:absolute; top:-10px; left:315px}
.pic_m5{position:absolute; top:50px; left:170px}
.pic_m6{ position:absolute; top:150px; left:35px}
.pic_m7{  position:absolute; top:240px; left:150px}


.pic_wdr1{position:absolute; top: 61px; left: 479px;}
.pic_wdr2{position:absolute; top: 231px; left: 482px;}
.pic_wdr3{position:absolute; top: 275px; left: 338px;}
.pic_wdr4{position:absolute; top:-10px; left:315px}
.pic_wdr5{position:absolute; top:50px; left:170px}
.pic_wdr6{ position:absolute; top: 207px; left: 190px;}

/* Last Content Update*/

.other-benifit-sec{ width:88%; margin:auto; padding:40px 40px 0 20px;}
.When_to_use{ width:88%;   padding:0 0px 0 20px;}
.When_to_use .glob_h{ line-height:45px;}
.large_container{ width:90%; margin:auto;  }
.recovery_soft_list{ padding:10px; margin:0; list-style:none}
.recovery_soft_list li{ padding:8px 30px; background:url('https://www.stellarinfo.com/franking/images/right_arrow_red.png') no-repeat left top; background-position-y: 16px; }


.how_work_tab li.active{ color:#FFFF; border:solid 1px #e11f26;  }
.carousel-inner img{box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.42) !important;}
.how_work_cantent p{ padding-top:2px}
ul.how_work_tab{display: flex; flex-wrap: wrap}
ul.how_work_tab li{width: 100%;}
.carousel-indicators li{ width:100% !important;   background:#fff !important; border:solid 1px #fdd5d7 !important; margin:5px 0 !important; border-radius:2px !important}
.carousel-indicators .active { width:100%;  margin: 0; background-color: #fdd5d7 !important; height:inherit; border:solid 1px #fdd5d7; color:#181617 !important}
.tab-indicators{ position:static !important; margin-left:0; width:100%;}
.carousel-indicators li{ text-indent:0 !important; text-align:left}
.tab-indicators li {    display: block;    padding: 30px 60px 30px 20px !important; height:100% !important; border-radius:0}
.tab-indicators { width:100% !important;}

/*.tab-indicators  li:before{ position:absolute;  content:''; width:100%; height:0; background:#fdd5d7;  z-index:0; left: 50%;  top: 50%; transform: translate(-50%, -50%) rotate(-40deg);  z-index: -1; transition: .1s ease; }*/

.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; padding:10px}
.carousel-fade .carousel-inner .active { opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-inner p{ padding-top:20px; display:initial}






.figbs{ box-shadow:0px 0px 7px #CCC}
.resouce_sh a{color:#000;}
.r0 a{color:#e11f26;text-decoration:underline;}
@keyframes bouncesecond {
  from, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }
  from {opacity: 0; transform: translate3d(240px, 70px, 30px);} 
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bouncesecond{animation-name: bouncesecond;}

@keyframes bouncethree {
  from, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }
  from {opacity: 0; transform: translate3d(240px, -70px, 30px);} 
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bouncethree{animation-name: bouncethree;}

@keyframes bouncesix {from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% { opacity: 0;transform: translate3d(-250px, 0, 0); }
  60% { opacity: 1;transform: translate3d(25px, 0, 0);}
  75% { transform: translate3d(-10px, 0, 0); }
  90% {transform: translate3d(5px, 0, 0); }
  to {transform: translate3d(0, 0, 0);}
}

.bouncesix {
  animation-name: bouncesix;
}
@keyframes bounceseven {from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% { opacity: 0;transform: translate3d(-250px, 0, 0); }
  60% { opacity: 1;transform: translate3d(25px, 0, 0);}
  75% { transform: translate3d(-10px, 0, 0); }
  90% {transform: translate3d(5px, 0, 0); }
  to {transform: translate3d(0, 0, 0);}
}

.bounceseven {
  animation-name: bounceseven;
}







@keyframes bouncefirst {
  from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }
  from {opacity: 0; transform: translate3d(240px, 0, 0);}

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.bouncefirst{animation-name: bouncefirst;}
@keyframes bouncelast {from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% { opacity: 0;transform: translate3d(-300px, 0, 0); }
  60% { opacity: 1;transform: translate3d(25px, 0, 0);}
  75% { transform: translate3d(-10px, 0, 0); }
  90% {transform: translate3d(5px, 0, 0); }
  to {transform: translate3d(0, 0, 0);}
}

.bouncelast {
  animation-name: bouncelast;
}


@keyframes bounceInfour {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 200px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInfour {
  animation-name: bounceInfour;
}


@keyframes bouncefive {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -200px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bouncefive {
  animation-name: bouncefive;
}
.modal-dialog{width:700px !important;}
.cookies_message{ position:fixed; bottom:0px; background-color:#4a514e; opacity:0.9; width:100%; text-align:center; color:#FFF; padding:10px 0px; font-size:11px}
.cookies_message a{ padding:5px 20px; background-color:#dfdfdf; color:#000; border-radius:3px; display:inline-block; margin-left:20px}

.b2{padding:35px 30px;height:305px;}
.file-format{font-size:18px;font-weight:600;}
.suport-file{font-size:16px;}
.p9{padding:33px 20px;height:150px;}
.p10{padding:15px 20px;}
.p11{padding:30px 20px;height:150px;}
.p45{padding:0;}
.p10 img{padding:0px 10px 0px 0px;}
.p16 a.guide{color:#000;text-decoration:underline;font-weight:400;padding:0px 10px;}
.p54{padding:22px 0}











.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media only screen and (max-width:569px){.recover_file_img{display:none;}.full_bynw{margin:0;}  .full_bg{height:auto; padding-bottom: 40px;}.full_hd{padding-top: 72px;font-size:26px;margin-top:30px;}.full_shd{font-size:18px;padding:0;margin-bottom:40px;}.recover_file_txt{padding:0;}.glob_h{font-size:25px;}.faqes_section{width:100% !important;}.section_customer{padding:0;margin:0;}.glob_h{padding-top:20px;} .tab-indicators{ margin-left:0 !important } .When_to_use.mt-30{ margin-top:0; padding-top:0;} .full_bynw{padding: 20px 35px 21px;}  .sk_g {  min-height: 338px !important;  background-size:contain;}  section{ width:100%; box-sizing:border-box; overflow:hidden}  .carousel-inner p{ display:block; width:100%; clear:both} 
.awrds_slider_img{ display:block; width:50%; } .other-benifit-sec{ width:100%; padding:0}



}


@media screen and (max-width:767px){
    
.full_dld, .full_bynw{display: block; max-width: 245px; margin: auto}   
    .section_feature p{text-align: center}
    
}



@media only screen and (min-width:570px) and (max-width:767px){.full_bynw{margin:0;} .full_bg{height:auto;}.full_hd{padding:0;font-size:30px;margin-top:30px;}.full_shd{font-size:30px;padding:0;margin-bottom:40px;}.recover_file_txt{padding:0;}.glob_h{font-size:25px;}.recover_file_txt{padding:0;} .carousel-indicators{ margin-left:0}  }
@media only screen and (min-width:768px) and (max-width:959px){.full_bynw{margin:0;}.full_hd{padding:0;font-size:60px;margin-top:30px;} .full_bg{height:auto;}.full_shd{font-size:30px;padding:0;margin-bottom:40px;}.recover_file_txt{padding:0;}.glob_h{font-size:25px;}  .recover_file_txt{padding:0;}

.suport-file{font-size:10px;}
.file-format{font-size:11px;}
.p16 a.guide{font-size:10px;}

}
@media only screen and (min-width:960px) and (max-width:1024px){.full_dld{margin-bottom:40px;} .full_bynw{margin:0;padding:15px 56px 25px;} .f16{font-size:13px;}.full_dld1	{font-size:12px !important;} .full_bynw1{font-size:12px !important;padding:17px 21px 30px !important;}
.suport-file{font-size:10px;}
.file-format{font-size:11px;}
.p16 a.guide{font-size:10px;}

  }

@media only screen and (min-width:1100px) and (max-width:1366px){
	.large_container{ width:100%;}
	.tab-indicators { margin-left:0 !important}
	.glob_h { font-size: 24px;}
	.When_to_use{ padding:0; width:100%;}
	.p11 { padding: 32px 0 0 2px; height:auto;}	}
@media only screen and (min-width:1025px) and (max-width:1366px){
	 .full_bynw1{font-size:16px !important;padding:17px 10px 30px !important;}
	.file-format{font-size:17px;} 
	.suport-file{font-size:13px !important;}
	.full_bg{ height:84vh;}
	.other-benifit-sec{ width:100%;}
	.other-benifit-sec .f16{ font-size:15px; line-height:22px; }  	.other-benifit-sec .f20{ font-size:18px;} 
	.other-benifit-sec .sk_m_h.pt-30{ padding-top:20px !important;}
	.other-benifit-sec .sk_m_sh{ padding-bottom:15px !important;}
	
	
	
		}

@media only screen and (min-width:1600px) and (max-width:2500px){
.r_fsupport {
    width: 180px !important;
    padding: 1.5rem;
    float: left;
    background-color: #676767;
    color: #FFF;
    font-weight: 600;
    margin: 1rem !important;
}
}