@font-face {
    font-family: 'Google Sans';
    src: url('/fonts/GoogleSans-MediumItalic.eot');
    src: url('/fonts/GoogleSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GoogleSans-MediumItalic.woff2') format('woff2'),
        url('/fonts/GoogleSans-MediumItalic.woff') format('woff'),
        url('/fonts/GoogleSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Google Sans';
    src: url('/fonts/GoogleSans-Italic.eot');
    src: url('/fonts/GoogleSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GoogleSans-Italic.woff2') format('woff2'),
        url('/fonts/GoogleSans-Italic.woff') format('woff'),
        url('/fonts/GoogleSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Google Sans';
    src: url('/fonts/GoogleSans-Bold.eot');
    src: url('/fonts/GoogleSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GoogleSans-Bold.woff2') format('woff2'),
        url('/fonts/GoogleSans-Bold.woff') format('woff'),
        url('/fonts/GoogleSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Google Sans';
    src: url('/fonts/GoogleSans-Regular.eot');
    src: url('/fonts/GoogleSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GoogleSans-Regular.woff2') format('woff2'),
        url('/fonts/GoogleSans-Regular.woff') format('woff'),
        url('/fonts/GoogleSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Google Sans';
    src: url('/fonts/GoogleSans-BoldItalic.eot');
    src: url('/fonts/GoogleSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GoogleSans-BoldItalic.woff2') format('woff2'),
        url('/fonts/GoogleSans-BoldItalic.woff') format('woff'),
        url('/fonts/GoogleSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Google Sans';
    src: url('/fonts/GoogleSans-Medium.eot');
    src: url('/fonts/GoogleSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GoogleSans-Medium.woff2') format('woff2'),
        url('/fonts/GoogleSans-Medium.woff') format('woff'),
        url('/fonts/GoogleSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  

html {height: 100%; font-size: 16px;}
body {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; min-height: 100%;position: relative; font-family: 'Google Sans'; font-size: 16px; line-height: 1.42857143; padding: 0; margin: 0; outline: none;}
a{ outline:none !important; text-decoration: none;}
strong, b{ font-weight:700;}
li{ list-style: none;}
img{height: auto}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {line-height: 1.1}
p {margin: 0 0 10px}
dl,ol,ul {margin-bottom: 10px;padding: 0;}
/* --set focus for: safari and chrome-- */
textarea:focus,
input[type=text]:focus,
input[type=password]:focus { outline: 0 none; }
a:focus{outline:0px;}
img{ max-width: 100%;}
::selection{ background: #ffd012; color: #000; }
/*global css start*/
*{ padding:0; margin:0; outline:none;}
.offset-none{ padding:0;}
.offset-left-none{ padding-left:0;}
.offset-right-none{ padding-right:0;}
.grey-bg{ background: #f5faff;}

.down-btn-col a.btn {
  float: none;
  min-width: 236px;
  padding-left: 20px;
  padding-right: 20px; 
}
.download-bt-content .down-btn-col a.btn {min-width: 230px;}
.down-btn-outer .down-btn-col a.btns-buy { 
  margin-right: 15px;
  background: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
  border-color: #ff6c00;
  color: #FE6628;
  background-color: #ff6c00;
  background-image: linear-gradient(90deg, #ff4201, #ff802b);
  color: #fff;
  text-decoration: none;
}
.down-btn-outer .down-btn-col a.btns-buy:hover, .down-btn-outer .down-btn-col a.btns-buy:focus {
  background: none;
  border-color: #ff6c00;
  color: #FE6628;
  background-color: #ff6c00;
  background-image: linear-gradient(90deg, #ff4201, #ff802b);
  color: #fff;
  text-decoration: none;
}



/*global css end*/
/* @media (min-width: 1200px)
{
  .container {max-width: 1328px;width: auto;}
  

} */
@media (max-width: 1399.98px) {
  .container {
      max-width:1274px;
      width: auto
  }
}
@media (min-width: 1399.99px) {
  .container {
      max-width:1328px;
      width: auto
  }
}

/*--header css start--*/
.header-row{ width:100%; position:absolute; top:0; left:0; z-index:999; background:transparent;}
.header-row .navbar-brand.logo { cursor: default; margin:16px 0; padding:0; height:auto;color: #41424e; font-size: 30px; font-weight: 600; display: flex; align-items: center;}
.header-row .navbar-brand.logo span{ margin-right: 16px;}
.navbar-header {float: left;}
.header-btn-col{ float: right; padding: 27px 0;}
.header-row .btn.download-now{ width:157px;color:#ffffff; font-size:14px; line-height:22px; font-weight: 500; 
padding:6px 0 5px; margin:0;box-shadow: 0.14px 7.999px 8px 0px rgba(0, 0, 0, 0.18);border-radius: 4px; 
background:#0066ff url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/blue-btn-bg.png) repeat-x 0 0;border: none;}
.header-row .btn.download-now:hover{ background:#1164fa;}
.header-row .btn.download-now img{margin-right: 0;vertical-align: middle;margin-top: -2px;}
.header-row .btn.download-now.buy-now-btn{width: 108px; background: url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/orange-btn-bg.png) repeat-x 0 0; margin-left: 10px;}
.header-row .btn.download-now.buy-now-btn:hover{ background: #ff6200;}
/*header stick*/
.header-row.affix{ position:fixed; box-shadow:0 0 6px rgba(0, 0, 0, 0.5); background: #ffffff;}
.header-row.affix .logo{ margin:7px 0; transition:all 0.3s ease 0s;}
.header-row.affix .logo .img-responsive{ width:140px;}
.header-row.affix .header-btn-col{ padding: 14px 0;}
/*--header css end--*/ 

/*--Banner css start--*/  
.banner-section {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cbf9ff+19,c1d1ff+98 */
  background: #cbf9ff; /* Old browsers */
  background: -moz-linear-gradient(top,  #cbf9ff 19%, #c1d1ff 98%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #454e4f 19%,#c1d1ff 98%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #cbf9ff 19%,#c1d1ff 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbf9ff', endColorstr='#c1d1ff',GradientType=0 ); /* IE6-9 */
    overflow: hidden; padding: 114px 0 75px;width: 100%;clear: both;}
.banner-img-col {text-align: right;}
.banner-img-col .bnr-img {max-width: 637px;margin-right: 3px; margin-top: 26px; display: block; float: right;}
.banner-content{ padding:32px 0 0 38px;}
.bnr-logo {margin:0;} 
.banner-feature-list {margin: 35px 0 34px;display: block;}
.banner-content .top-head-title {font-size: 27px;color: #111532;font-weight: 400;margin: 0 0 0;}
.banner-content .heading-1{color: #111532;font-size: 40px; line-height: 54px; font-weight: 700;margin:34px 0 36px;}
.banner-content .heading-4{color: #000000;font-size: 18px;font-weight: 400; line-height: 24px;margin:0;}
.banner-content .banner-feature-list li{background:url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/list-icon.png) no-repeat 0 3px;color: #000000;font-size: 18px;padding-left:33px;margin-bottom: 14px;}
.down-btn-col p{color:#000000;font-size:12px;margin: 17px 0 0;font-weight: 500; text-align: center; white-space: nowrap; opacity: 0.6;}
.down-btn-outer {overflow: hidden;margin-left: -10px;padding-left: 10px;}
.down-btn-col {float: left;}
.banner-content .down-btn-col {margin-right: 30px; margin-top: 5px;}
.down-btn-col {min-width: 250px;margin-right: 30px; margin-top: 5px;}
.down-btn-col a.btn{display:inline-block;border-radius:6px; padding:0}
.down-btn-col a.buy-btn{width:192px; background:#ffffff; border:solid 2px #16202c; color:#16202c; font-size:22px; line-height:60px; margin-right:0}
.down-btn-col a.buy-btn{background:#f8f8f8}
.down-btn-col a.download-btn{display: inline-block;
  background: #2170ff; /* Old browsers */
  background: -moz-linear-gradient(top,  #2170ff 0%, #0c60f9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2170ff 0%,#0c60f9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2170ff 0%,#0c60f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2170ff', endColorstr='#0c60f9',GradientType=0 ); /* IE6-9 */
  
  border:none;color:#ffffff !important;font-size:20px;line-height:64px;box-shadow: 0.14px 7.999px 8px 0px rgba(0, 0, 0, 0.18);}
.down-btn-col a.download-btn:hover{background:#0066ff}
.down-btn-col a.download-btn img{margin-top:-2px;margin-right:2px}
.down-btn-col a.btn:hover{box-shadow:0.837px 11.971px 9.5px 0.5px rgba(45, 173, 255, 0.2)}
.down-btn-col a.btn{ -webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:transform ease-in-out 0.1s;-ms-transition:transform ease-in-out 0.1s;transition:transform ease-in-out 0.1s;
    font-weight: 700;}
.down-btn-col a.btn:after, .down-btn-col a.btn:after {content:"";position:absolute;bottom:-10px;height:10px;width:100%;left:0;opacity:0;-webkit-transition:all ease-in-out 0.500ms;-ms-transition:all ease-in-out 0.1s;transition:all ease-in-out 0.1s;background:-moz-radial-gradient(center, ellipse cover, #426f85 0%, rgba(255, 255, 255, 0) 70%);background:-webkit-radial-gradient(center, ellipse cover, #426f85 0%,rgba(255, 255, 255, 0) 70%);background:radial-gradient(ellipse at center, #426f85 0%,rgba(255, 255, 255, 0) 70%)}
.down-btn-col a.btn:hover:after, .down-btn-col a.btn:hover:after {opacity:0.4;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
.down-btn-col a.btn:hover, .down-btn-col a.btn:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px) !important;transform:translateY(-5px) !important}
/*--Banner css end--*/ 

/*--Why Choose PR css start--*/
.choose-photo-recovery{ background: #ffffff; padding-bottom: 93px;}
.pr-chose-head{padding:80px 0 0; text-align: center;}
.pr-chose-head .heading-2{color:#3e3e3e; font-size:35px;font-weight: 500;margin:0 0 18px}
.pr-chose-head p{color:#6f6f6f; font-size:16px;line-height:24px;margin:0 0 90px; /*padding:0 12%;*/}

.feature-content-col{ margin-bottom: 55px;}
.feature-col{overflow:hidden; margin-bottom:25px}
.feature-col{}
.scan-type-content .feature-col img{margin-bottom:40px}
.feature-col .heading-5{color:#000000; font-size:18px; font-weight: 500; margin:33px 0 14px; text-align:left; padding:0}
.feature-col p{ width: 68%; color:#5d5d5d; font-size:15px;line-height:20px; margin:0 0 0}
.clearmobile {display: none}
/*--Why Choose PR css end--*/

/*--About PR css start--*/ 
.about-photo-recovery {overflow: hidden;padding-bottom: 102px;}
.about-screen-col{ padding:0;}
.about-content-col{ padding:60px 0;}
.about-content-col .heading-5{color:#000000; font-size:35px;font-weight: 500; line-height: 46px; margin:0 0 18px}
.about-content-col> p{color:#6f6f6f; font-size:18px;line-height:28px;margin:0 0 14px; padding-right: 18%;}
.about-content-col .down-btn-col { margin-right: 30px;margin-top: 0;}
.about-content-col .down-btn-col p{ font-size: 13px;}
.app_esteem_Logo2 {margin-left: 11px;}
.app_esteem_Logo2 img {width: 82px;}
.about-content-col .down-btn-outer{ padding-top: 16px;}
.about-screen-col img {margin-top: -67px;max-width: 772px;float: right;margin-right: -77px;}
/*--About PR css end--*/ 

.about-second-section  .about-screen-col img {max-width: 667px;margin-right: 12px;margin-top: 37px;}
.step-pr-product {padding: 100px 0 0;}
.step-pr-product img {margin-left: -9px;}

.nav-tabs{ border: none; display: block;}
.nav-tabs>li .nav-link{ float: none; margin: 0;overflow: hidden; padding: 0; border: none;text-align: left; background: url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/step-heading-bg.png) no-repeat -8px 0; min-height: 123px;margin-bottom: 11px;}
.nav-tabs>li .nav-link.active{ background: url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/step-heading-bg-active.png) no-repeat -8px 0;}
.left-step-title {width: 87px;float: left; text-align: center;line-height: 16px; padding: 35px 0 52px;}
.right-step-detail {float: left;width: 71%;padding: 24px 0 0 20px;}
.left-step-title .stp-nm-text{ color: #000000; font-size: 28px; font-weight: 600;}
.left-step-title .sttitle{ color: #000000; font-size: 15px; font-weight: 600;top: -4px;}
.left-step-title .step-title{ color: #000000; font-size: 16px; font-weight: 600; text-transform: uppercase}
.outer-sp-tab-text {text-align: left;display: inline-block;}
.right-step-detail h6{ color: #202434; font-size: 20px; font-weight: 500; margin: 0 0 9px;}
.right-step-detail p{ color: #50525b; font-size: 14px; line-height: 19px; margin: 0;}
.nav-tabs>li .nav-link.active .left-step-title .step-title, .nav-tabs>li .nav-link.active .left-step-title .stp-nm-text, .nav-tabs>li .nav-link.active .left-step-title .sttitle{ color: #fff;}
.nav-tabs>li .nav-link.active .right-step-detail h6{ color: #196afc;}
.pr-step-head-col{padding:72px 0 0; text-align: center;}
.pr-step-head-col .heading-2{color:#000000; font-size:35px;font-weight: 500;margin:0 0 26px}
.pr-step-head-col p{color:#000000; font-size:20px;line-height:24px;margin:0 0 10px; padding:0 10%;}
.step-tab-img-col {margin-top: 41px; padding-left: 3px;}
.about-second-section {padding-bottom: 72px;}





.about-three-section .about-content-col> p{ padding-right: 6%;}
.about-three-section .about-screen-col img{margin-top: 75px;margin-right: 0;max-width: 649px;}
.about-three-section .about-content-col {padding: 152px 0 60px;}

/*--FAQ css start--*/  
.faq-content{ padding: 86px 70px 66px; overflow: hidden;}
.faq-content .heading-2{color:#000000; font-size:35px;font-weight: 500; margin:0 0 8px; text-align: center;}
.faq-content .faq-desc{ color: #252525; font-size: 16px; text-align: center; margin: 0 0 31px;}
.faq-content .panel{border: 1px solid #e0e0e0;box-shadow: none;overflow: hidden;margin-bottom: 20px;border-radius:0}
.panel-group {margin-bottom: 20px;}
.faq-content .panel-heading{ background: transparent; border: none; padding: 0;}
.faq-content .panel-heading .panel-title {margin-bottom: 0;}
.faq-content .panel-heading .panel-title a{color: #1a1b1d; font-size: 17px;line-height:42px; font-weight: 500;text-decoration: none;padding: 0; display: block; align-items:center;border-radius: 4px 4px 0 0;overflow: hidden;background:url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/aq-mark.png) no-repeat scroll 15px 13px;padding:8px 60px 8px 70px;position:relative}
.faq-content .panel-heading .panel-title a .plus-minus{background:url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/minus.png) no-repeat center center; background-size:14px; min-width: 16px; width: 16px; height: 16px; position:absolute;right:24px;top:21px}
.faq-content .panel-heading .panel-title a.collapsed .plus-minus{background: url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/plus.png) no-repeat center center; background-size:14px;}
.faq-content  .panel-body{padding:2px 15px 23px 70px;background:#fff; color: #848486;font-size: 16px;line-height: 23px;border: none !important;}
/*--FAQ css end--*/ 

.download-bt-section{background:url(https://is.systweak.com/content/images/sys/website/systweaknewimages/lp3/pr/download-bt-bg.png) no-repeat center 0;background-size: cover; border-top: solid 1px #606370; border-bottom: solid 1px #b7c1cb;}
.download-bt-content {text-align: center; padding: 71px 0 84px;}
.download-bt-content .heading-5{ color: #ffffff; font-size: 44px; font-weight: 300; line-height: 60px; margin: 0 0 10px;}
.download-bt-content .heading-5 b{ font-weight: 600;}
.download-bt-content .down-btn-col{ margin: 36px auto 0; max-width: 520px;min-width: 520px; float: none;}
.download-bt-content .down-btn-col p{ white-space: normal; color: #90adc6; font-size: 12px; line-height: 16px; opacity: 1;}

.top-brand-logos{ background: #ecf8ff; padding: 11px 0}
ul.logo-list {margin: 0 auto;overflow: hidden; display: table;} 
ul.logo-list li { padding:0 54px; float: left;}
ul.logo-list li.first{ padding-left: 0;}
ul.logo-list li.last{ padding-right: 0;}

/*--footer css start--*/ 
.colpy-right-row{ background: #ffffff; border-top: solid 1px #ecedf1; padding: 24px 0 26px;}
.foo-menu {overflow: hidden; margin-bottom: -6px;}
.foo-left .foo-menu li{ float:left; padding:0 21px;line-height: 14px;}
.foo-left .foo-menu li.first{padding-left: 0;}
.foo-left .foo-menu li.last{border-right: none;}
.foo-left .foo-menu li a{ color:#5f5f5f; font-size:16px; line-height: 30px; text-decoration:none;}
.foo-left .foo-menu li a:hover{ color:#000;}
.foo-right-col{ text-align:right;padding-top: 16px;}
.copyright{color:#787e83; font-size:14px; line-height: 30px; margin: 0;}
/*--footer css end--*/ 

/*download instruction start*/


#download-instructions #download-arrow-chrome {
  left: 30px;
  bottom: 15px;
}

#download-instructions .download-panel {
  position: fixed;
  z-index: 1000;
}

#download-instructions #download-panel-ie {
  bottom: 60px;
  left: 50%;
  transform: translate(-120px,0);
}

#download-instructions #download-panel-edge {
  bottom: 75px;
  left: 50%;
  transform: translate(150px,0);
}

#download-instructions #download-panel-chrome {
  bottom: 15px;
  left: 180px;
}

#download-instructions #download-panel-firefox {
  right: 180px;
  top: 30px;
}

#download-instructions #download-panel-safari {
  right: 180px;
  top: 30px;
}

#download-instructions .download-panel .download-instructions {
  background-color: #fff;
  border-radius: 5px;
  height: 150px;
  margin: 0 10px;
  position: relative;
  width: 240px;
}

#download-instructions .download-panel .title {
  background-color: #6a56c1;
  border-radius: 16px 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  line-height: 28px;
  left: 50%;
  padding-top: 2px;
  position: absolute;
  text-align: center;
  top: -34px;
  transform: translate(-50%,0);
  width: 210px;
}

#download-instructions .download-panel .detail {
  font-size: 16px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 45px;
  text-align: left;
}

#download-instructions .download-arrow {
  position: fixed;
  z-index: 1000;
}

#download-instructions #download-arrow-ie {
  left: 50%;
  bottom: 60px;
  transform: translate(180px,0);
}

#download-instructions #download-arrow-edge {
  bottom: 75px;
  left: 50%;
}

#download-instructions #download-arrow-chrome {
  left: 30px;
  bottom: 15px;
}

#download-instructions #download-arrow-firefox {
  right: 20px;
  top: 20px;
}

#download-instructions #download-arrow-safari {
  right: 20px;
  top: 20px;
}

/*download instruction end*/