html{ height: 100%;}
body{ min-height: 100%;position: relative;}
.main{ padding-bottom: 312px;  padding-top: 68px;}
 
.navbar { min-height: 75px; background: url(https://cdn.systweak.com/content/wp/systweak_com/pr/bg-header.png); border-bottom: solid 1px #162031 !important; margin-bottom: 0; border: none; }
.after-install-recommended-box{text-align: left; font-weight:500;font-size:13px;color:#555;width:100%;margin-top:10px}
/*--after install page css start--*/
.after-install{ padding-top: 17px;}
.aft-unins-content{padding-top: 20px; background: #ffffff;border: 1px solid #c3c3c3;-webkit-box-shadow: 0px 5px 5px 1px rgba(1, 1, 1, 0.5);
  box-shadow: 0px 5px 5px 1px rgba(1, 1, 1, 0.5);padding: 0 30px 30px;}
.uninstall-head-col{ padding: 30px 15px 24px;}
.uninstall-head-col .heading-1{ color: #000000; font-size: 24px;font-weight:400; margin: 0 0 10px;}
.uninstall-head-col p{ color: #000000; font-size: 15px;line-height:24px; margin: 0;}
.instant-discount-col{ 
  /* border: solid 1px #dedede; */
  border: solid 1px #dedede;
}
.discount-box{ background: #dee0e8; padding: 36px 15px 20px; text-align: center;}
.discount-box img { margin-right: -28px;}
.discount-info{ padding: 10px 40px 8px 0;}
.btn-upgradepro:hover{ opacity: 0.9;}
.discount-info .heading-5{color: #000000; font-size: 23px;font-weight:600; margin: 0 0 6px; text-decoration: underline;}
.discount-info p{ color: #000000; font-size: 15px;line-height:24px; margin-bottom: 17px;}
.discount-check-box{ padding: 7px 0 0;}
.discount-check-box .checkbox{ cursor: pointer; display: inline-block;position: relative;top: 2px;}
.discount-check-box span{ color: #000000; font-size: 13px;line-height:24px;}
.install-step-col{ background: url(https://cdn.systweak.com/dpf/images/after/steps-bg.png) no-repeat center top; margin: 30px 0 0; padding: 25px 0 0;}
.install-step-col .heading-5{color: #000000; font-size: 21px;font-weight:600; margin: 0 0 20px;}
.stpes-col h6{color: #000000; font-size: 15px;font-weight:600; margin: 0 0 12px;}

/*--after install page css end--*/

/** After Install New */
.rec-head-update { padding: 39px 15px 18px 15px; }
.rec-head-update .heading-1 { font-size: 22px; color: #262935; }
.rec-head-col .uninstall-head-col { padding:20px 0px; }
.rec-head-col .heading-1 img { float: left; margin-top: 2px; margin-right: 15px;}
.rec-head-col .heading-1 { font-size: 22px; font-weight: 400;} 
.rec-head-col .discount-info .heading-5 { font-size: 24px; font-weight: 700; color: #337ab7;}
.rec-head-col .heading-5 { font-weight: 600; color: #262935;}
.rec-head-col .discount-box { padding: 35px 15px 25px 15px; }
ul.af-up-list { display: block; width: 100%; margin:21px 0px 21px 0; padding: 0px; clear: both;}
ul.af-up-list li { display: block; background: url(https://cdn.systweak.com/content/wp/systweak_com/aso/check-green.png) left 4px no-repeat; padding: 0px 0 0 25px; margin: 7px 0px 0px 0px; font-size: 16px; line-height: 22px; color: #000000; font-weight: 400; }
.btn-get-5 { display: block; max-width: 256px; font-size: 22px; line-height: 23px; padding: 17px 0; color: #ffffff; text-align: center; 
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
background: #13a903; /* Old browsers */
background: -moz-linear-gradient(top,  #13a903 0%, #0b8100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #13a903 0%,#0b8100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #13a903 0%,#0b8100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13a903', endColorstr='#0b8100',GradientType=0 ); /* IE6-9 */

}
.btn-get-5:hover {  color: #ffffff; text-decoration: none;

background: #0b8100; /* Old browsers */
background: -moz-linear-gradient(top,  #0b8100 0%, #13a903 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0b8100 0%,#13a903 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0b8100 0%,#13a903 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8100', endColorstr='#13a903',GradientType=0 ); /* IE6-9 */

}

.rec-head-col .install-step-col { padding:15px 0 3px 0 ;}
.rec-head-col .steps-col .heading-4 { font-family: inherit; font-size: 16px; color: #262935; font-weight: 600;} 

.rec-head-col .discount-info { float: left; max-width: 505px;   }
.discount-tag-col { float: left; }

.foo-btm-lk{overflow: hidden;margin: 28px 0 0;}
.foo-copy-right-col { color:#c5c7da; font-size:14px; line-height:20px; padding: 5px 0 0;}

.footer-single{ width: 100%; background:#191d29; padding:12px 0; position: absolute; bottom: 0; right: 0; left: 0; z-index: 9;}
.footer-single .foo-copy-right-col{ padding: 0;}
.after-pages{ padding-bottom: 30px;}
.after-header{background: #292b38;}
.after-pages .inner-banner-content {margin-top: 40px;}
a.foo-AppEsteem {width: 90px;display: inline-block;margin-left: 30px;vertical-align: middle;}

/*--web animation css start--*/
.comman-cl1 {
	opacity:0;
	/*! transform:translateY(30px) scale(1.1); */
	-webkit-transform:translateY(30px) scale(1.1);
	transition:1.6s;
	transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
}

.comman-cl1.ZoomOut {
	opacity:1;
	transform:translateY(0px) scale(1.0);
}

.inner-animation{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
.comman-cl2.hidden .inner-animation{width: 0;transition: 1150ms width cubic-bezier(0.645, 0.045, 0.355, 1);overflow: hidden;	-webkit-transform:translateY(30px) scale(1.1);}
.comman-cl2.hidden.visible .inner-animation {width: 100%;}

.inner-animation-ht{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
.comman-cl2.hidden .inner-animation-ht{height: 0;transition: 1150ms height cubic-bezier(0.645, 0.045, 0.355, 1);overflow: hidden;	-webkit-transform:translateY(30px) scale(1.1);}
.comman-cl2.hidden.visible .inner-animation-ht {height: 100%;}


.comman-cl2.hidden .rt-animation {position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 500ms transform;-ms-transform: scaleX(0);transform: scaleX(0);
  -ms-transform-origin: right;transform-origin: right;}
.comman-cl2.hidden.visible .rt-animation {-ms-transform: scaleX(1);transform: scaleX(1);}

.comman-cl2.hidden .lt-animation {position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 500ms transform;-ms-transform: scaleX(0);transform: scaleX(0);-ms-transform-origin: left;
  transform-origin: left;}
.comman-cl2.hidden.visible .lt-animation {-ms-transform: scaleX(1);transform: scaleX(1);}

.img-detail-text{ width: 80%; height: 220px; position: relative;}
.rating-outer-col.comman-cl2.hidden.visible .inner-animation{ width: 547px;}


.snap-in-vertical-center {
	opacity:0;
	transform:translateY(-50%) scale(1.1);
	transition:1.6s;
	padding-top:30px;
	transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
}

.snap-in-vertical-center.ZoomOut {
	opacity:1;
	padding-top:0;
	transform:translateY(-50%) scale(1.0);
}
.comman-cl2.hidden .inner-animation.delay-1 {
	transition-delay:.4s;
}
.comman-cl2.hidden .inner-animation.delay-2 {
	transition-delay:.8s;
}
.comman-cl2.hidden .inner-animation.delay-3 {
	transition-delay:1.1s;
}
.comman-cl2.hidden .inner-animation.delay-4 {
	transition-delay:1.6s;
}
.comman-cl2.hidden .inner-animation.delay-5 {
	transition-delay:2.0s;
}



  @-webkit-keyframes zoomOut {
    from {
      opacity: 1;
    }
  
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  
    to {
      opacity: 0;
    }
  }
  
  @keyframes zoomOut {
    from {
      opacity: 1;
    }
  
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  
    to {
      opacity: 0;
    }
  }
  
  .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
  }
  
  
.hidden{display:block !important;} 
.hidden{opacity: 0; }
.visible{opacity: 1;}
/*--web animation css end--*/


/* safari css */
@media screen and (-webkit-min-device-pixel-ratio:0){

  }

  @-moz-document url-prefix() {


  }

/* safari css */

.wh-download-btn{ min-width: 316px; max-width: 316px; background: #0078d7; border-radius: 5px; overflow: hidden; display: inline-block; vertical-align: middle; padding: 18px 26px 19px;}
.wh-download-btn span{ float: left;}
.wh-download-btn .btn-txt{ text-align-last: left; color: #ffffff; font-size: 27px;font-family:'MyriadSetPro-Semibold'; line-height: 19px;
margin-left: 0; text-transform: uppercase; padding: 16px 0 0;}
.wh-download-btn .btn-txt b{ font-size: 18px; text-transform: none;}
.wh-download-btn:hover{ background: #0275d1; }

.bl-purchase-btn{ min-width: 316px;max-width: 316px; background: #ffffff; border-radius: 5px; overflow: hidden; display: inline-block; vertical-align: middle; padding: 18px 26px 19px;}
.bl-purchase-btn span{ float: left;}
.bl-purchase-btn .btn-txt{ text-align-last: left; color: #0078d7; font-size: 27px;font-family:'MyriadSetPro-Semibold'; line-height: 19px;
margin-left: 6px; text-transform: uppercase; padding: 16px 0 0;}
.bl-purchase-btn:hover{background: #f8f7f7;}

.steps-col .heading-4 {
    font-size: 14px;
    color: #000000;
    font-style: normal;
    padding-bottom: 3px;
    text-align: left;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 5px;
    min-height: 34px;
}
[lang="de"] .steps-col .heading-4 {
  min-height: 54px;
}
[lang="es"] .discount-info .heading-5 {font-size: 20px;}
[lang="fr"] .discount-info .heading-5 {font-size: 20px;}
[lang="fr"] .discount-info {padding-right: 20px;}
[lang="fr"] .steps-col .heading-4 {min-height: 54px;}
[lang="ru"] .discount-info {padding-right: 15px;}
[lang="ru"] .discount-info .heading-5 {
  font-size: 21px;
}
[lang="ru"] .discount-info p {
  font-size: 14px;
}

@media (max-width: 1199.98px) {
  .rec-head-col .discount-box {padding: 55px 15px 45px 15px;} 
  .rec-head-col .discount-info { max-width: 426px;}
  .rec-head-col .discount-info .heading-5 { font-size: 20px;}
  [lang="ru"] .steps-col .heading-4 {min-height: 54px;}
 } 

 @media (max-width: 991.98px) { 
  .rec-head-col .discount-info { padding-right: 15px;}
  ul.af-up-list { margin: 10px 0px 15px 0;}
  .btn-get-5 { margin-bottom: 15px;}
  .rec-head-col .discount-box { min-height: 288px;}

  .discount-tag-col { display: none;}
  .steps-col img {width: auto; height: auto;}
  [lang="de"] .steps-col .heading-4 {font-size: 13px; min-height: 65px;}
  .uninstall-head-col .heading-1 {font-size: 22px;}
  [lang="es"] .steps-col .heading-4 {min-height: 54px;}
  [lang="fi"] .steps-col .heading-4 {min-height: 54px;}
  [lang="it"] .steps-col .heading-4 {min-height: 54px;}

 }

 @media (max-width: 767.98px) {
  .rec-head-col .discount-info { padding-left:15px ;}
  .rec-head-col .steps-col img { margin-bottom: 15px;}
  .steps-col {margin-bottom: 15px;}
  [lang="de"] .steps-col .heading-4 {min-height: 55px;}
  .uninstall-head-col .heading-1 {font-size: 20px;}
  [lang="es"] .steps-col .heading-4 {min-height: auto;}
  [lang="fi"] .steps-col .heading-4 {min-height: 54px;} 

  }
@media (max-width: 575.98px) {
  .discount-info {padding: 15px;}
  .discount-info .heading-5 {font-size: 20px;}
  .discount-info ~ div {padding-left: 15px; padding-bottom: 15px !important;}
  .btn-upgradepro img {width: auto; height: auto;}
  .aft-unins-content {padding: 0 15px 30px;}
  [lang="de"] .steps-col .heading-4 {min-height: auto;}
  .uninstall-head-col .heading-1 {font-size: 18px;}
  .uninstall-head-col {padding-left: 0; padding-right: 0;}
  [lang="fi"] .steps-col .heading-4 {min-height: auto;} 
  [lang="fr"] .steps-col .heading-4 {min-height: auto;}
  [lang="it"] .steps-col .heading-4 {min-height: auto;}
  [lang="ru"] .steps-col .heading-4 {min-height: auto;}
}
@media (max-width: 380px) {
  .f-right {
    display: none;
  }
  [lang="fr"] .discount-info .heading-5 {font-size: 18px;}
}