/*
:hello {
  --primary: #6C55F9;
  --accent: #FF3D85;
  --secondary: #645F88;
  --success: #35bb78;
  --info: #05B4E1;
  --warning: #FAC14D;
  --danger: #FF4943;
  --grey: #B4B2C5;
  --dark: #2D2B3A;
  --light: #F6F5FC;
}
*/

html {  /* not body! */

  /* height of sticky header, first click will not work 
  b/c header with scroll 0 is not sticky and fixed yet */
  scroll-padding-top: 90px !important; 
}

/* prevents white text looks bolder */
.thin-text {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

.normal-text {
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
}

/* disable blue-line after click */
*:focus {
  outline: 0 !important;
  outline: none !important;
}

.pen { 
  /* breaks ga events if <img onclick> we need to use <span onclick> */
  pointer-events: none;
}

.bg-main {
   /* https://uigradients.com/#MoonPurple */
  
   background: #8f94fb; /* fallback for old browsers */
   background: -webkit-linear-gradient(to right, #4e54c8, #8f94fb); /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to right, #4e54c8, #8f94fb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
  
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.page-banner {
  padding: 10px;
  background-color: #EAE7DC;
  background-image: radial-gradient(circle, #5c0067 0%, #00d4ff 100%);
  height: 90vh !important;

}

/*
#os-link-windows,
#os-link-mac,
#os-link-linux {
  text-decoration: none !important;
  color: white !important;

}

#os-link-windows:hover,
#os-link-mac:hover,
#os-link-linux:hover {
  color: red !important;
  color: white !important;
}
*/

.app-screenshot {

  opacity: 1;
  pointer-events: auto;
  cursor: pointer !important;

  padding: 0px;
  border-radius: 5px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 100px;
  -moz-box-shadow: rgba(0,0,0, 0.8) 0 1px 100px;
  box-shadow: rgba(0, 0, 0, 0.8) 0 1px 100px;

}

.free-buy-btn-cont {
  margin-bottom: 20px;
}

.free-buy-btn {
  width: 250px;
}

.buy-all-btn {
  width: 170px;
}


.buy-all-btn-apps,
.buy-all-btn-apps:hover,
.buy-all-btn-apps:focus,
.buy-all-btn-apps:active,
.buy-all-btn-apps:visited {
  width: 190px;
  border: 3px solid white !important; 
  outline: 1px solid #FF3D85 !important;
  border-radius: 8px !important;
}





.fs13 { 
  font-size: 13px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.mai-grid {
  transform: scale(0.91, 1) !important;
  width: 130% !important; /* windows icon */
  height: 100% !important;
}


.stars-rating {
  margin-bottom: 10px;
  width: 110px;
}

/* PADDLE ASKED IF WE ARE LEGAL TO USE WINDOWS ICON */

/*
.fa-windows {
  display: none;
}
*/

/*
.fa-windows {
  transform: scale(1.5,1);
}

.fa-windows:before, 
.fa-th-large:before  {  
  content: "\f009";
}

*/


/* PADDLE ASKED IF WE ARE LEGAL TO USE WINDOWS ICON */

.team-photo {
  width: 200px; 
  border: solid 1px #c4bbfd; 
  border-radius: 5px;
  padding: 5px;
  
  /*
  border-radius: 50%;
  border: 1px solid #6C55F9;
  */
}


/* toggle switch */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  background-color: #6C55F9;
  background-color: #FF3D85;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
  background-color: #6C55F9;
  background-color: #05B4E1;
  //background-color: #35bb78;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  box-shadow: 0 0 1px #6C55F9;
  box-shadow: 0 0 1px #05B4E1;
  //box-shadow: 0 0 1px #35bb78;

}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* toggle end */

.anually-lifetime {
  display: inline-grid;
  grid-template-columns: auto auto auto;
}
.anually-lifetime-text {
  font-size: 20px;
  padding: 13px;
  padding-top: 4px;
}

.app-icon {
  height: 100px !important;
}

.no-text-decoration {
  text-decoration: none !important;
}

.app-card_:hover {
  transition: transform .3s; /* Animation */
  transform: scale(1.1);
  opacity: 1;
  cursor: pointer;
}

.app-card {
  border: 4px solid transparent;
}

.app-card:hover {
  border: 4px solid #8f94fb;
  cursor: pointer;

}

.share-icon {
  max-width: 50px !important;
  height: 50px !important;
}

.social-friends {
  max-width: 400px !important;
  width: 400px !important;
  opacity: 1;
  background-color: white;
  padding: 20px;
  border-radius: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-40 {
  margin-top: 40px;
}


.c-accent {
  color: #FF3D85;
}
.c-white {
  color: white !important;
}

.apps-with-discount {
  background-color: white;
  color: rgb(64,64,64);
  padding: 3px;
  padding-left: 10px;
  padding-right: 0px;
  width: 74%;
  border-radius: 4px;
  margin-top: 25px;
  margin-bottom: 40px;
}

.mt5 {
  margin-top: 5px;
}

.mt7 {
  margin-top: 7px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.c-128 {
  color: rgb(220,220,220);
}


.pricing-type {
  color: rgb(60,60,60) !important;
}

.card-pricing.marked-primary .header .pricing-type {
  color: white !important;
}

.pricing-label {

    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    background-color: #FF3D85;
    color: white;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;

    border-radius: 5px;
}

#pricing-label-free {
  background-color: #B4B2C5;
  background-color: #B8B4D5;
}

#pricing-label-not-main {
  background-color: #35bb78;
}

#pricing-label-main {
  background-color: #FF3D85;
}

.pricing-btn-not-main {
  opacity: 0.8;
}

.mai-checkmark,
.mai-checkmark-circle,
.mai-checkmark-circle-outline,
.mai-close,
.mai-close-circle,
.mai-close-circle-outline {
  margin-right: 7px;
  vertical-align: text-top;
  line-height: 1.15;
}

.mai-checkmark,
.mai-checkmark-circle,
.mai-checkmark-circle-outline {
  color: #35bb78;
  font-weight: 900;
}



.white {
  color: white;
}

.opacity-8 {
  opacity: 0.8;
}

.cross-out {
  text-decoration: line-through;
  opacity: 0.5;
}

.pricing-features {
  text-align: left; 
  margin-left: 20%;
}

.review-subheader {
  margin-top: 0px;
  margin-bottom: 20px;
}

.c-accent {
  color: #FF3D85;
}

.bold {
  font-weight: bold;
}

.review-flag {
  width: 22px;
  margin-right: 5px;
  margin-top: -5px;
  opacity: 0.8;
}

.review-photo {
  border-radius: 50%;
  width: 100px;
  border: 2px solid #6C55F9;
  padding: 5px;
}

.btn-more-reviews {
  margin-top: 20px;
}

.footer-copyright {
  margin-bottom: 3px;
  color: rgb(130, 130, 130);
}

.footer-item {
  padding: 0px 7px;
  color: rgb(160, 160, 160);
  color: rgb(140, 140, 140);
  text-decoration: none !important;
}

.footer-item:hover {
  color: #6C55F9;
}

.page-footer {
  padding-top: 25px;
  padding-bottom: 20px;
  background-color: #F6F5FC !important;
}



.os-btn {
  height: 40px;
}

#number-of-computers-pricing {
  text-align: center;
  text-align-last: center;
  width: 43.5%;
  width: 482px;
  height: 42px;
  border: 1px solid rgb(200,200, 200);
  color: rgb(90,90,90);
  margin-bottom: 50px;
}

.os-btns {
  
  white-space: nowrap;
  width: 500px;
  margin: 0 auto;
  margin-bottom: 15px;

}


.btn-os-icon {
  padding-right: 5px;
  vertical-align: middle;
}


.price-feature-decline {
  opacity: 0.3;
}



.pricing-btn {
  margin-top: -20px;
  margin-bottom: 30px;
}

.bg-white {
  background-color: white;
}


.c-64 {
  color: rgb(64,64,64) !important;
}

.c-64 {
  color: rgb(64,64,64) !important;
}

.c-220 {
  color: rgb(220,220,220) !important;
}

.c-230 {
  color: rgb(230,230,230) !important;
}

.c-240 {
  color: rgb(240,240,240) !important;
}

.c-250 {
  color: rgb(250,250,250) !important;
}

.screen-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Share - instead of addThis */
/* https://stackoverflow.com/a/54763134 */

.share-canvas {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 10px;
  top: 20%;
  /* transform: translateY(-50%) translateZ(0); */
  z-index: 10;
  overflow: hidden;
}

.share-canvas > a {
  display: inline-block;
  width: 52px;
  height: 42px;
  right: -10px;
  position: relative;
  transition: 0.3s transform;
}

.share-canvas > a:hover,
.share-canvas > a:focus {
   transform: translateX(-10px);
}

.youtube {
  background-color: #e02a20;
}

.twitter {
  background-color: #4da7de;
}

.facebook {
  background-color: #3e5b98;
}

.instagram {
  background-color: #9c7c6e;
}


.share-icon-- {
  width: 70px;
  height: 70px;
  border: 3px solid white; 
  margin-bottom: 10px;
  border-radius: 50%;
  opacity: 0.9;
  font-size: 40px;
}

.share-icon {
  font-size: 34px;
  margin-left: -20px !important;
  color: #FF3D85;
}

/* Share - instead of addThis */

/* Fix Anchor */
/* http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-B */
/* https://css-tricks.com/hash-tag-links-padding/ */
/*
#apps:before,
#main-features:before,
#all-features:before,
#reviews:before,
#about:before,
#share:before {

  content: " ";
  display: block;
  height: 40px;
  margin: -40px 0 0;
}
*/

/* Fix Anchor */


/* */
.feature-table-icon {
  display: block;
  font-size: 90px !important;
  margin-bottom: 20px !important;
}

.feature-table-title {
  font-size: 23px;
}

.feature-table-list {
    text-align: left; 
    margin-left: 11%;  
}

.feature-table-list-icon {
  opacity: 0.8;
  margin-right: 4px;
}

.fa-check.feature-table-list-icon  {
  color: #35bb78;
}

.fa-close.feature-table-list-icon {
  color: rgba(255,0,0,1);
}

.opacity-1 {
  opacity: 1; 
}
.opacity-09 {
  opacity: 0.9;
}
.opacity-08 {
  opacity: 0.8;
}

.opacity-07 {
  opacity: 0.7;
}
.opacity-06 {
  opacity: 0.6;
}

.opacity-05 {
  opacity: 0.5;
}
.opacity-04 {
  opacity: 0.4;
}

.opacity-03 {
  opacity: 0.3;
}
.opacity-02 {
  opacity: 0.2;
}

.opacity-01 {
  opacity: 0.1;
}

.btn-pricing:hover,
.btn-pricing:active {
  //border-radius: 20px;
}

.card-pricing:hover {
  //transition: transform .4s; /* Animation */
  //transform: scale(1.1);
}


.app-screenshot-efo-rules {
  
  display: block;
  margin: auto;
  margin-top: 20px; 
  width: 170px;  /* after margin to center :) */

  opacity: 0.6;
  border-radius: 4px;
  cursor: pointer;

}

.app-header-text {
  margin-top: -110px; /* center of screen image */
}

/* REVIEWS */

.review {
  line-height: 1.7;
  padding-left: 50px; /* ! */
  padding-right: 30px;
  margin-top: -10px;
  text-align: justify;
  font-family: sans-serif;
  font-size: 15px;
 }

 .review-header {
  text-align: center;
  margin-top:30px; 
  font-size:22px; 
 }
 
 .review-point {
     height: 10px;
     width: 10px;
     background-color: #1890ff;
     display: inline-block;
     opacity:0.9;
     margin-right: 5px;
     margin-left: -20px; /* ! */
 }
 
 .review-link {
     text-decoration: none;
     color: #1890ff;
     color: rgb(128,128,128);
 }

.review-hr {
  max-width: 100%;
  margin-top: 10px;
}

 .review-language {
   font-size: 20px;
   display: block;
   margin-top: 30px;
   margin-bottom: -10px;
   margin-left: -20px; /* ! */

   font-weight: bold;
   color: red;
   opacity: 0.7;
 }


/* REVIEWS END */

.vh-115 {
  height: 115vh;
}

.vh-10 {
  height: 10vh;
}

.vh-15 {
  height: 15vh;
}

.vh-17 {
  height: 17vh;
}

.vh-20 {
  height: 20vh;
}

.money-back-great-btn {
  border-radius: 5px;
  width: 100px;
}

.share-btn {
  padding-left: 15px;
}

.mt-120 {
  margin-top: -120px;
}

.mt50 {
  margin-top: 50px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt120 {
  margin-top: 120px;
}

.mt130 {
  margin-top: 130px;
}

.mt140 {
  margin-top: 140px;
}

.mt150 {
  margin-top: 150px;
}

.mt200 {
  margin-top: 200px;
}

#tagline-margin {
  margin-top: 130px;
}

@media (max-width: 576px) {
  #tagline-margin {
    margin-top: 20px;
  }
}

.mw-100 {
  max-width: 100% !important;
}

.min-vh-120 {
  min-height: 120vh !important;
}

.h20px {
  height: 20px;
}

.h30px {
  height: 30px;
}

.h40px {
  height: 40px;
}

.h50px {
  height: 50px;
}

.h70px {
  height: 70px;
}

.h80px {
  height: 80px;
}

.h100px {
  height: 100px;
}

.main-features-icon {
  display: inline-block;
  font-size: 45px;
  padding: 28px;
  border-radius: 50%;
  background-color: #f0eefe;
  color: #6C55F9;
  margin-bottom: 1rem;

}

.all-features-icon {
  display: inline-block;
  font-size: 25px;
  padding: 17px;
  border-radius: 50%;
  background-color: white;
  color: #6C55F9;
  margin-bottom: 1rem;
  box-shadow: 0 2px 12px rgba(100, 95, 136, 0.2);
}

.main-background {
  width: 50%;
  margin-bottom: 100px;
}

@media (max-width: 576px) {
  .main-background {
    width: 90%;
    margin-bottom: 0px;
  }
}


.buy-all-apps-gift {
  margin-right: 7px;
}

.hidden {
  visibility: hidden;
}

.visible { 
  visibility: visible;
}

/* fix winter sale centering on menu collapse */
@media (max-width: 992px) {
  #winter-sale-menu {
    display: none;
  }
}


.ukranian-flag {
  width: 24px;
  margin: 4px;
  margin-top: 0px;
  border-radius: 3px;
  opacity: 0.8;
}