/* Generated by less 2.5.1 */
/*! ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System
========================================================================== */
[class*="grid"] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -1rem;
}
.col,
[class*="col-"] {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 1rem 2rem;
}
.col {
  flex: 1 1 0%;
}
.grid.col,
.grid[class*="col-"] {
  margin: 0;
  padding: 0;
}
/************************
    HELPERS SUFFIXES
*************************/
[class*="grid-"][class*="-noGutter"] {
  margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="col"] {
  padding: 0;
}
[class*="grid-"][class*="-noBottomGutter"] {
  margin: 0;
}
[class*="grid-"][class*="-noBottomGutter"] > [class*="col"] {
  padding-bottom: 0;
}
[class*="grid-"][class*="-center"] {
  justify-content: center;
}
[class*="grid-"][class*="-right"] {
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto;
}
[class*="grid-"][class*="-top"] {
  align-items: flex-start;
}
[class*="grid-"][class*="-middle"] {
  align-items: center;
}
[class*="grid-"][class*="-bottom"] {
  align-items: flex-end;
}
[class*="grid-"][class*="-reverse"] {
  flex-direction: row-reverse;
}
[class*="grid-"][class*="-column"] {
  flex-direction: column;
}
[class*="grid-"][class*="-column"] > [class*="col-"] {
  flex-basis: auto;
}
[class*="grid-"][class*="-column-reverse"] {
  flex-direction: column-reverse;
}
[class*="grid-"][class*="-spaceBetween"] {
  justify-content: space-between;
}
[class*="grid-"][class*="-spaceAround"] {
  justify-content: space-around;
}
[class*="grid-"][class*="-equalHeight"] > [class*="col"] {
  display: flex;
}
[class*="grid-"][class*="-noBottom"] > [class*="col"] {
  padding-bottom: 0;
}
[class*="col-"][class*="-top"] {
  align-self: flex-start;
}
[class*="col-"][class*="-middle"] {
  align-self: center;
}
[class*="col-"][class*="-bottom"] {
  align-self: flex-end;
}
[class*="col-"][class*="-first"] {
  order: -1;
}
[class*="col-"][class*="-last"] {
  order: 1;
}
/************************
    GRID BY NUMBER
*************************/
[class*="grid-1"] > .col,
[class*="grid-1"] > [class*="col-"] {
  flex-basis: 100%;
  max-width: 100%;
}
[class*="grid-2"] > .col,
[class*="grid-2"] > [class*="col-"] {
  flex-basis: 50%;
  max-width: 50%;
}
[class*="grid-3"] > .col,
[class*="grid-3"] > [class*="col-"] {
  flex-basis: 33%;
  max-width: 33%;
}
[class*="grid-4"] > .col,
[class*="grid-4"] > [class*="col-"] {
  flex-basis: 25%;
  max-width: 25%;
}
[class*="grid-5"] > .col,
[class*="grid-5"] > [class*="col-"] {
  flex-basis: 20%;
  max-width: 20%;
}
[class*="grid-6"] > .col,
[class*="grid-6"] > [class*="col-"] {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
[class*="grid-7"] > .col,
[class*="grid-7"] > [class*="col-"] {
  flex-basis: 14.28571429%;
  max-width: 14.28571429%;
}
[class*="grid-8"] > .col,
[class*="grid-8"] > [class*="col-"] {
  flex-basis: 12.5%;
  max-width: 12.5%;
}
[class*="grid-9"] > .col,
[class*="grid-9"] > [class*="col-"] {
  flex-basis: 11.11111111%;
  max-width: 11.11111111%;
}
[class*="grid-10"] > .col,
[class*="grid-10"] > [class*="col-"] {
  flex-basis: 10%;
  max-width: 10%;
}
[class*="grid-11"] > .col,
[class*="grid-10"] > [class*="col-"] {
  flex-basis: 9.09090909%;
  max-width: 9.09090909%;
}
[class*="grid-12"] > .col,
[class*="grid-11"] > [class*="col-"] {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
@media screen and (max-width: 80em) {
  [class*="_lg-1"] > .col,
  [class*="_lg-1"] > [class*="col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_lg-2"] > .col,
  [class*="_lg-2"] > [class*="col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_lg-3"] > .col,
  [class*="_lg-3"] > [class*="col-"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*="_lg-4"] > .col,
  [class*="_lg-4"] > [class*="col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_lg-5"] > .col,
  [class*="_lg-5"] > [class*="col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_lg-6"] > .col,
  [class*="_lg-6"] > [class*="col-"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*="_lg-7"] > .col,
  [class*="_lg-7"] > [class*="col-"] {
    flex-basis: 14.28571429%;
    max-width: 14.28571429%;
  }
  [class*="_lg-8"] > .col,
  [class*="_lg-8"] > [class*="col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_lg-9"] > .col,
  [class*="_lg-9"] > [class*="col-"] {
    flex-basis: 11.11111111%;
    max-width: 11.11111111%;
  }
  [class*="_lg-10"] > .col,
  [class*="_lg-10"] > [class*="col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_lg-11"] > .col,
  [class*="_lg-10"] > [class*="col-"] {
    flex-basis: 9.09090909%;
    max-width: 9.09090909%;
  }
  [class*="_lg-12"] > .col,
  [class*="_lg-11"] > [class*="col-"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
}
@media screen and (max-width: 64em) {
  [class*="_md-1"] > .col,
  [class*="_md-1"] > [class*="col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_md-2"] > .col,
  [class*="_md-2"] > [class*="col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_md-3"] > .col,
  [class*="_md-3"] > [class*="col-"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*="_md-4"] > .col,
  [class*="_md-4"] > [class*="col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_md-5"] > .col,
  [class*="_md-5"] > [class*="col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_md-6"] > .col,
  [class*="_md-6"] > [class*="col-"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*="_md-7"] > .col,
  [class*="_md-7"] > [class*="col-"] {
    flex-basis: 14.28571429%;
    max-width: 14.28571429%;
  }
  [class*="_md-8"] > .col,
  [class*="_md-8"] > [class*="col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_md-9"] > .col,
  [class*="_md-9"] > [class*="col-"] {
    flex-basis: 11.11111111%;
    max-width: 11.11111111%;
  }
  [class*="_md-10"] > .col,
  [class*="_md-10"] > [class*="col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_md-11"] > .col,
  [class*="_md-10"] > [class*="col-"] {
    flex-basis: 9.09090909%;
    max-width: 9.09090909%;
  }
  [class*="_md-12"] > .col,
  [class*="_md-11"] > [class*="col-"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
}
@media screen and (max-width: 960px) {
  [class*="_sm-1"] > .col,
  [class*="_sm-1"] > [class*="col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_sm-2"] > .col,
  [class*="_sm-2"] > [class*="col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_sm-3"] > .col,
  [class*="_sm-3"] > [class*="col-"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*="_sm-4"] > .col,
  [class*="_sm-4"] > [class*="col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_sm-5"] > .col,
  [class*="_sm-5"] > [class*="col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_sm-6"] > .col,
  [class*="_sm-6"] > [class*="col-"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*="_sm-7"] > .col,
  [class*="_sm-7"] > [class*="col-"] {
    flex-basis: 14.28571429%;
    max-width: 14.28571429%;
  }
  [class*="_sm-8"] > .col,
  [class*="_sm-8"] > [class*="col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_sm-9"] > .col,
  [class*="_sm-9"] > [class*="col-"] {
    flex-basis: 11.11111111%;
    max-width: 11.11111111%;
  }
  [class*="_sm-10"] > .col,
  [class*="_sm-10"] > [class*="col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_sm-11"] > .col,
  [class*="_sm-10"] > [class*="col-"] {
    flex-basis: 9.09090909%;
    max-width: 9.09090909%;
  }
  [class*="_sm-12"] > .col,
  [class*="_sm-11"] > [class*="col-"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
}
@media screen and (max-width: 767px) {
  [class*="_xs-1"] > .col,
  [class*="_xs-1"] > [class*="col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_xs-2"] > .col,
  [class*="_xs-2"] > [class*="col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_xs-3"] > .col,
  [class*="_xs-3"] > [class*="col-"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*="_xs-4"] > .col,
  [class*="_xs-4"] > [class*="col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_xs-5"] > .col,
  [class*="_xs-5"] > [class*="col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_xs-6"] > .col,
  [class*="_xs-6"] > [class*="col-"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*="_xs-7"] > .col,
  [class*="_xs-7"] > [class*="col-"] {
    flex-basis: 14.28571429%;
    max-width: 14.28571429%;
  }
  [class*="_xs-8"] > .col,
  [class*="_xs-8"] > [class*="col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_xs-9"] > .col,
  [class*="_xs-9"] > [class*="col-"] {
    flex-basis: 11.11111111%;
    max-width: 11.11111111%;
  }
  [class*="_xs-10"] > .col,
  [class*="_xs-10"] > [class*="col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_xs-11"] > .col,
  [class*="_xs-10"] > [class*="col-"] {
    flex-basis: 9.09090909%;
    max-width: 9.09090909%;
  }
  [class*="_xs-12"] > .col,
  [class*="_xs-11"] > [class*="col-"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
}
/************************
    COLS SIZES
*************************/
[class*='grid'] > [class*="col-1"] {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
[class*='grid'] > [class*="col-2"] {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
[class*='grid'] > [class*="col-3"] {
  flex-basis: 25%;
  max-width: 25%;
}
[class*='grid'] > [class*="col-4"] {
  flex-basis: 33%;
  max-width: 33%;
}
[class*='grid'] > [class*="col-5"] {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
[class*='grid'] > [class*="col-6"] {
  flex-basis: 50%;
  max-width: 50%;
}
[class*='grid'] > [class*="col-7"] {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
[class*='grid'] > [class*="col-8"] {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
[class*='grid'] > [class*="col-9"] {
  flex-basis: 75%;
  max-width: 75%;
}
[class*='grid'] > [class*="col-10"] {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
[class*='grid'] > [class*="col-11"] {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
[class*='grid'] > [class*="col-12"] {
  flex-basis: 100%;
  max-width: 100%;
}
[class*="grid"] > [data-push-left*="off-0"] {
  margin-left: 0;
}
[class*="grid"] > [data-push-left*="off-1"] {
  margin-left: 8.33333333%;
}
[class*="grid"] > [data-push-left*="off-2"] {
  margin-left: 16.66666667%;
}
[class*="grid"] > [data-push-left*="off-3"] {
  margin-left: 25%;
}
[class*="grid"] > [data-push-left*="off-4"] {
  margin-left: 33%;
}
[class*="grid"] > [data-push-left*="off-5"] {
  margin-left: 41.66666667%;
}
[class*="grid"] > [data-push-left*="off-6"] {
  margin-left: 50%;
}
[class*="grid"] > [data-push-left*="off-6"] {
  margin-left: 50%;
}
[class*="grid"] > [data-push-left*="off-7"] {
  margin-left: 58.33333333%;
}
[class*="grid"] > [data-push-left*="off-8"] {
  margin-left: 66.66666667%;
}
[class*="grid"] > [data-push-left*="off-9"] {
  margin-left: 75%;
}
[class*="grid"] > [data-push-left*="off-10"] {
  margin-left: 83.33333333%;
}
[class*="grid"] > [data-push-left*="off-11"] {
  margin-left: 91.66666667%;
}
[class*="grid"] > [data-push-right*="off-0"] {
  margin-right: 0;
}
[class*="grid"] > [data-push-right*="off-1"] {
  margin-right: 8.33333333%;
}
[class*="grid"] > [data-push-right*="off-2"] {
  margin-right: 16.66666667%;
}
[class*="grid"] > [data-push-right*="off-3"] {
  margin-right: 25%;
}
[class*="grid"] > [data-push-right*="off-4"] {
  margin-right: 33%;
}
[class*="grid"] > [data-push-right*="off-5"] {
  margin-right: 41.66666667%;
}
[class*="grid"] > [data-push-right*="off-6"] {
  margin-right: 50%;
}
[class*="grid"] > [data-push-right*="off-6"] {
  margin-right: 50%;
}
[class*="grid"] > [data-push-right*="off-7"] {
  margin-right: 58.33333333%;
}
[class*="grid"] > [data-push-right*="off-8"] {
  margin-right: 66.66666667%;
}
[class*="grid"] > [data-push-right*="off-9"] {
  margin-right: 75%;
}
[class*="grid"] > [data-push-right*="off-10"] {
  margin-right: 83.33333333%;
}
[class*="grid"] > [data-push-right*="off-11"] {
  margin-right: 91.66666667%;
}
@media screen and (max-width: 80em) {
  [class*='grid'] > [class*="_lg-1"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  [class*='grid'] > [class*="_lg-2"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*='grid'] > [class*="_lg-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*='grid'] > [class*="_lg-4"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*='grid'] > [class*="_lg-5"] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  [class*='grid'] > [class*="_lg-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*='grid'] > [class*="_lg-7"] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  [class*='grid'] > [class*="_lg-8"] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  [class*='grid'] > [class*="_lg-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*='grid'] > [class*="_lg-10"] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  [class*='grid'] > [class*="_lg-11"] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  [class*='grid'] > [class*="_lg-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="grid"] > [data-push-left*="_lg-0"] {
    margin-left: 0;
  }
  [class*="grid"] > [data-push-left*="_lg-1"] {
    margin-left: 8.33333333%;
  }
  [class*="grid"] > [data-push-left*="_lg-2"] {
    margin-left: 16.66666667%;
  }
  [class*="grid"] > [data-push-left*="_lg-3"] {
    margin-left: 25%;
  }
  [class*="grid"] > [data-push-left*="_lg-4"] {
    margin-left: 33%;
  }
  [class*="grid"] > [data-push-left*="_lg-5"] {
    margin-left: 41.66666667%;
  }
  [class*="grid"] > [data-push-left*="_lg-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_lg-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_lg-7"] {
    margin-left: 58.33333333%;
  }
  [class*="grid"] > [data-push-left*="_lg-8"] {
    margin-left: 66.66666667%;
  }
  [class*="grid"] > [data-push-left*="_lg-9"] {
    margin-left: 75%;
  }
  [class*="grid"] > [data-push-left*="_lg-10"] {
    margin-left: 83.33333333%;
  }
  [class*="grid"] > [data-push-left*="_lg-11"] {
    margin-left: 91.66666667%;
  }
  [class*="grid"] > [data-push-right*="_lg-0"] {
    margin-right: 0;
  }
  [class*="grid"] > [data-push-right*="_lg-1"] {
    margin-right: 8.33333333%;
  }
  [class*="grid"] > [data-push-right*="_lg-2"] {
    margin-right: 16.66666667%;
  }
  [class*="grid"] > [data-push-right*="_lg-3"] {
    margin-right: 25%;
  }
  [class*="grid"] > [data-push-right*="_lg-4"] {
    margin-right: 33%;
  }
  [class*="grid"] > [data-push-right*="_lg-5"] {
    margin-right: 41.66666667%;
  }
  [class*="grid"] > [data-push-right*="_lg-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_lg-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_lg-7"] {
    margin-right: 58.33333333%;
  }
  [class*="grid"] > [data-push-right*="_lg-8"] {
    margin-right: 66.66666667%;
  }
  [class*="grid"] > [data-push-right*="_lg-9"] {
    margin-right: 75%;
  }
  [class*="grid"] > [data-push-right*="_lg-10"] {
    margin-right: 83.33333333%;
  }
  [class*="grid"] > [data-push-right*="_lg-11"] {
    margin-right: 91.66666667%;
  }
}
@media screen and (max-width: 64em) {
  [class*='grid'] > [class*="_md-1"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  [class*='grid'] > [class*="_md-2"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*='grid'] > [class*="_md-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*='grid'] > [class*="_md-4"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*='grid'] > [class*="_md-5"] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  [class*='grid'] > [class*="_md-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*='grid'] > [class*="_md-7"] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  [class*='grid'] > [class*="_md-8"] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  [class*='grid'] > [class*="_md-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*='grid'] > [class*="_md-10"] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  [class*='grid'] > [class*="_md-11"] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  [class*='grid'] > [class*="_md-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="grid"] > [data-push-left*="_md-0"] {
    margin-left: 0;
  }
  [class*="grid"] > [data-push-left*="_md-1"] {
    margin-left: 8.33333333%;
  }
  [class*="grid"] > [data-push-left*="_md-2"] {
    margin-left: 16.66666667%;
  }
  [class*="grid"] > [data-push-left*="_md-3"] {
    margin-left: 25%;
  }
  [class*="grid"] > [data-push-left*="_md-4"] {
    margin-left: 33%;
  }
  [class*="grid"] > [data-push-left*="_md-5"] {
    margin-left: 41.66666667%;
  }
  [class*="grid"] > [data-push-left*="_md-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_md-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_md-7"] {
    margin-left: 58.33333333%;
  }
  [class*="grid"] > [data-push-left*="_md-8"] {
    margin-left: 66.66666667%;
  }
  [class*="grid"] > [data-push-left*="_md-9"] {
    margin-left: 75%;
  }
  [class*="grid"] > [data-push-left*="_md-10"] {
    margin-left: 83.33333333%;
  }
  [class*="grid"] > [data-push-left*="_md-11"] {
    margin-left: 91.66666667%;
  }
  [class*="grid"] > [data-push-right*="_md-0"] {
    margin-right: 0;
  }
  [class*="grid"] > [data-push-right*="_md-1"] {
    margin-right: 8.33333333%;
  }
  [class*="grid"] > [data-push-right*="_md-2"] {
    margin-right: 16.66666667%;
  }
  [class*="grid"] > [data-push-right*="_md-3"] {
    margin-right: 25%;
  }
  [class*="grid"] > [data-push-right*="_md-4"] {
    margin-right: 33%;
  }
  [class*="grid"] > [data-push-right*="_md-5"] {
    margin-right: 41.66666667%;
  }
  [class*="grid"] > [data-push-right*="_md-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_md-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_md-7"] {
    margin-right: 58.33333333%;
  }
  [class*="grid"] > [data-push-right*="_md-8"] {
    margin-right: 66.66666667%;
  }
  [class*="grid"] > [data-push-right*="_md-9"] {
    margin-right: 75%;
  }
  [class*="grid"] > [data-push-right*="_md-10"] {
    margin-right: 83.33333333%;
  }
  [class*="grid"] > [data-push-right*="_md-11"] {
    margin-right: 91.66666667%;
  }
}
@media screen and (max-width: 960px) {
  [class*='grid'] > [class*="_sm-1"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  [class*='grid'] > [class*="_sm-2"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*='grid'] > [class*="_sm-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*='grid'] > [class*="_sm-4"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*='grid'] > [class*="_sm-5"] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  [class*='grid'] > [class*="_sm-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*='grid'] > [class*="_sm-7"] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  [class*='grid'] > [class*="_sm-8"] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  [class*='grid'] > [class*="_sm-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*='grid'] > [class*="_sm-10"] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  [class*='grid'] > [class*="_sm-11"] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  [class*='grid'] > [class*="_sm-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="grid"] > [data-push-left*="_sm-0"] {
    margin-left: 0;
  }
  [class*="grid"] > [data-push-left*="_sm-1"] {
    margin-left: 8.33333333%;
  }
  [class*="grid"] > [data-push-left*="_sm-2"] {
    margin-left: 16.66666667%;
  }
  [class*="grid"] > [data-push-left*="_sm-3"] {
    margin-left: 25%;
  }
  [class*="grid"] > [data-push-left*="_sm-4"] {
    margin-left: 33%;
  }
  [class*="grid"] > [data-push-left*="_sm-5"] {
    margin-left: 41.66666667%;
  }
  [class*="grid"] > [data-push-left*="_sm-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_sm-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_sm-7"] {
    margin-left: 58.33333333%;
  }
  [class*="grid"] > [data-push-left*="_sm-8"] {
    margin-left: 66.66666667%;
  }
  [class*="grid"] > [data-push-left*="_sm-9"] {
    margin-left: 75%;
  }
  [class*="grid"] > [data-push-left*="_sm-10"] {
    margin-left: 83.33333333%;
  }
  [class*="grid"] > [data-push-left*="_sm-11"] {
    margin-left: 91.66666667%;
  }
  [class*="grid"] > [data-push-right*="_sm-0"] {
    margin-right: 0;
  }
  [class*="grid"] > [data-push-right*="_sm-1"] {
    margin-right: 8.33333333%;
  }
  [class*="grid"] > [data-push-right*="_sm-2"] {
    margin-right: 16.66666667%;
  }
  [class*="grid"] > [data-push-right*="_sm-3"] {
    margin-right: 25%;
  }
  [class*="grid"] > [data-push-right*="_sm-4"] {
    margin-right: 33%;
  }
  [class*="grid"] > [data-push-right*="_sm-5"] {
    margin-right: 41.66666667%;
  }
  [class*="grid"] > [data-push-right*="_sm-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_sm-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_sm-7"] {
    margin-right: 58.33333333%;
  }
  [class*="grid"] > [data-push-right*="_sm-8"] {
    margin-right: 66.66666667%;
  }
  [class*="grid"] > [data-push-right*="_sm-9"] {
    margin-right: 75%;
  }
  [class*="grid"] > [data-push-right*="_sm-10"] {
    margin-right: 83.33333333%;
  }
  [class*="grid"] > [data-push-right*="_sm-11"] {
    margin-right: 91.66666667%;
  }
}
@media screen and (max-width: 767px) {
  [class*='grid'] > [class*="_xs-1"] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  [class*='grid'] > [class*="_xs-2"] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  [class*='grid'] > [class*="_xs-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*='grid'] > [class*="_xs-4"] {
    flex-basis: 33%;
    max-width: 33%;
  }
  [class*='grid'] > [class*="_xs-5"] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  [class*='grid'] > [class*="_xs-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*='grid'] > [class*="_xs-7"] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  [class*='grid'] > [class*="_xs-8"] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  [class*='grid'] > [class*="_xs-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*='grid'] > [class*="_xs-10"] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  [class*='grid'] > [class*="_xs-11"] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  [class*='grid'] > [class*="_xs-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="grid"] > [data-push-left*="_xs-0"] {
    margin-left: 0;
  }
  [class*="grid"] > [data-push-left*="_xs-1"] {
    margin-left: 8.33333333%;
  }
  [class*="grid"] > [data-push-left*="_xs-2"] {
    margin-left: 16.66666667%;
  }
  [class*="grid"] > [data-push-left*="_xs-3"] {
    margin-left: 25%;
  }
  [class*="grid"] > [data-push-left*="_xs-4"] {
    margin-left: 33%;
  }
  [class*="grid"] > [data-push-left*="_xs-5"] {
    margin-left: 41.66666667%;
  }
  [class*="grid"] > [data-push-left*="_xs-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_xs-6"] {
    margin-left: 50%;
  }
  [class*="grid"] > [data-push-left*="_xs-7"] {
    margin-left: 58.33333333%;
  }
  [class*="grid"] > [data-push-left*="_xs-8"] {
    margin-left: 66.66666667%;
  }
  [class*="grid"] > [data-push-left*="_xs-9"] {
    margin-left: 75%;
  }
  [class*="grid"] > [data-push-left*="_xs-10"] {
    margin-left: 83.33333333%;
  }
  [class*="grid"] > [data-push-left*="_xs-11"] {
    margin-left: 91.66666667%;
  }
  [class*="grid"] > [data-push-right*="_xs-0"] {
    margin-right: 0;
  }
  [class*="grid"] > [data-push-right*="_xs-1"] {
    margin-right: 8.33333333%;
  }
  [class*="grid"] > [data-push-right*="_xs-2"] {
    margin-right: 16.66666667%;
  }
  [class*="grid"] > [data-push-right*="_xs-3"] {
    margin-right: 25%;
  }
  [class*="grid"] > [data-push-right*="_xs-4"] {
    margin-right: 33%;
  }
  [class*="grid"] > [data-push-right*="_xs-5"] {
    margin-right: 41.66666667%;
  }
  [class*="grid"] > [data-push-right*="_xs-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_xs-6"] {
    margin-right: 50%;
  }
  [class*="grid"] > [data-push-right*="_xs-7"] {
    margin-right: 58.33333333%;
  }
  [class*="grid"] > [data-push-right*="_xs-8"] {
    margin-right: 66.66666667%;
  }
  [class*="grid"] > [data-push-right*="_xs-9"] {
    margin-right: 75%;
  }
  [class*="grid"] > [data-push-right*="_xs-10"] {
    margin-right: 83.33333333%;
  }
  [class*="grid"] > [data-push-right*="_xs-11"] {
    margin-right: 91.66666667%;
  }
}
.modal-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  z-index: 300;
  padding-top: 20px;
  display: none;
}
.modal-wrap.active {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.close {
  position: absolute;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  top: 14px;
  right: 14px;
  cursor: pointer;
  opacity: 0.7;
}
.close:active {
  margin-top: 1px;
}
.close:hover {
  opacity: 1;
}
.modal {
  background-color: #fff;
  width: 600px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  margin-right: 220px;
  margin-top: auto;
  margin-bottom: auto;
}
.modal.fullscreen {
  width: 95%;
  margin-right: 0;
  height: 95%;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.21);
}
.modal.fullscreen .body {
  overflow: auto;
  height: 95%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.auth-mode .modal {
  margin-right: 0;
}
.modal .head {
  position: relative;
  padding: 30px 0 0;
  text-align: center;
}
.modal .head .close {
  background-image: url(/images/icon-cross.png);
}
.modal .head .title {
  font-size: 1.5rem;
  color: #5e8fb1;
  margin-left: 10px;
  margin-right: 10px;
}
.modal .body {
  padding: 30px;
}
.modal .foot {
  padding: 0 0 30px;
  text-align: center;
  position: relative;
}
.modal .foot .btn-side {
  position: absolute;
  right: 10px;
  color: #676767;
}
html {
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
}
* {
  box-sizing: border-box;
}
a {
  color: #2A74E3;
}
a:hover {
  text-decoration: none;
}
a:visited {
  color: #693FAE;
}
body {
  font-family: Quicksand, sans-serif;
  font-size: 1em;
  background: #F9FAFC url(/images/mainbg.png);
  background-size: 2004px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  padding: 0;
  margin: 0;
}
.cabinet {
  background: linear-gradient(119deg, #1F5021 0%, #19331A 73%, #346F37 100%) no-repeat;
}
.df {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.df.wgap > * {
  margin-left: 1rem;
  margin-right: 1rem;
}
.df.wgap > *:first-child {
  margin-left: 0;
}
.df.wgap > *:last-child {
  margin-right: 0;
}
.alic {
  align-items: center;
}
.jcc {
  justify-content: center;
}
.hdg1 {
  font-size: 1.5rem;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.bighdg {
  font-size: 52px;
  font-weight: bold;
}
.m0 {
  margin: 0;
}
.mt1 {
  margin-top: 1rem !important;
}
.w100p {
  width: 100%;
}
.dn {
  display: none !important;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.tal {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
.text-red {
  color: #cd4a5a !important;
}
.text-primary {
  color: #52C870;
}
.white {
  color: #fff;
}
.blue {
  color: #52C870;
}
.gray {
  color: #999;
}
.op01 {
  opacity: 0.1;
}
.op05 {
  opacity: 0.5;
}
.dash-link {
  border-bottom: 1px dotted currentColor;
  cursor: pointer;
}
.dash-link:hover {
  border-bottom: 0;
}
.wlimit {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
input {
  font-family: 'Open Sans', sans-serif;
}
label input[type="checkbox"] {
  vertical-align: middle;
}
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.smaller {
  font-size: smaller;
  opacity: 0.7;
}
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}
svg.icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  fill: currentColor;
}
svg.icon.db {
  display: block;
}
svg.icon.w100p {
  width: 100%;
  height: auto;
}
svg.icon.arrow-left {
  transform: scaleX(-1);
}
svg.icon.arrow-top {
  transform: rotate(-90deg);
}
svg.icon.arrow-bottom {
  transform: rotate(90deg);
}
svg.icon.thumb-up {
  transform: scaleY(-1);
}
svg.icon.icon-16 {
  width: 16px;
  height: 16px;
}
img.icon {
  vertical-align: middle;
}
img.icon.icon-ok {
  width: 16px;
}
.container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  min-height: 100vh;
  max-width: 1440px;
  margin: 0 auto;
}
.btn {
  border-color: transparent;
  border-width: 1px;
  padding: 0.625em 1.25em;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  background: none;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2;
  text-align: center;
  font-weight: 600;
  z-index: 1;
}
.btn:active,
.btn-group2 .btn.active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.btn.ico {
  padding-left: 42px;
  background-position: 20px 50%;
}
.btn .label {
  vertical-align: middle;
}
.btn .icon + .label {
  margin-left: 3px;
}
.btn.btn-disabled {
  background-color: #ccc !important;
  border-color: #a6a6a6 !important;
  box-shadow: 0 1px 0 0 #fff;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  cursor: default !important;
}
.btn.small {
  font-size: 0.75rem;
  padding: 3px 6px;
}
.btn .icon {
  fill: currentColor;
  vertical-align: text-top;
  transition: fill 0.2s;
}
.btn .icon.icon-cross {
  transform: scale(0.8);
}
.btn.btn-appstore {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  font-weight: normal;
  font-family: 'Exo 2', sans-serif;
  text-align: left;
  min-width: 177px;
}
.btn.btn-appstore .label {
  margin-left: 12px;
}
.btn .downfor {
  font-size: 12px;
  display: block;
}
td .btn.small {
  margin-top: 5px;
  margin-bottom: 5px;
}
a.btn {
  text-decoration: none;
}
a.btn.btn-primary:visited {
  color: #fff;
}
.btn-primary {
  background-color: #52C870;
  color: #fff;
  border: 1px solid #38af56;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.btn-primary:hover {
  background-color: #65ce80;
}
.btn-default {
  background-color: #e6e6e6;
  border: 1px solid #acacac;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #000;
}
.btn-default:hover {
  border-color: #797979;
}
.btn-red {
  background: #EC236A;
  border: 1px solid #BC1C55;
  box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.32);
  color: #fff;
}
.btn-red:hover {
  border-color: #630f2d;
}
.btn-outline.small {
  border: 1px solid currentColor;
  opacity: 0.5;
  margin-left: 5px;
}
.btn-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.btn-group.full-width .btn {
  flex: 1;
}
.btn-group.small .btn {
  font-size: 0.75rem;
}
.btn-group.short .label {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.813rem;
  margin-left: 0;
}
.btn-group .btn {
  border: 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  transition: color 0.2s;
  color: #000;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset -1px 0 0 #efefed, inset -1px 0 0 #efefed;
}
.btn-group .btn img {
  vertical-align: middle;
}
.btn-group .btn:first-child {
  box-shadow: inset -1px 0 0 #efefed;
}
.btn-group .btn:last-child {
  box-shadow: inset 1px 0 0 #efefed;
}
.btn-group .btn:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(100% - 2px);
  left: 0;
  z-index: -1;
  background-color: #52C870;
  transition: top 0.2s;
}
.btn-group .btn:active {
  box-shadow: none;
}
.btn-group .btn.active {
  color: #fff !important;
}
.btn-group .btn.active:after {
  top: 0;
}
.btn-group .btn.active .icon {
  fill: currentColor;
}
.btn-group .btn:hover {
  color: #52C870;
}
.btn-group2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.btn-group2 img {
  vertical-align: middle;
  opacity: 0.3;
}
.btn-group2 .active img {
  opacity: 1;
}
.btn-group2 .btn {
  margin-left: -1px;
}
.btn-group2 .btn:first-child {
  border-radius: 2px 0 0 2px;
}
.btn-group2 .btn:last-child {
  border-radius: 0 2px 2px 0;
}
.table {
  border-collapse: collapse;
  border: 2px solid #d9d9d9;
}
.table tr.hover {
  cursor: pointer;
}
.table tr.hover:hover td,
.table tr.hover:hover th {
  background-color: #f9f9f9;
}
.table tr.hover:hover .more-text {
  background-color: #52C870;
  color: #fff;
}
.table th,
.table thead > tr > td {
  background-color: #ebedf0;
  font-weight: bold;
  text-align: left;
  color: #908c88;
  padding: 10px 12px;
  border-bottom: 1px solid #d6d6d5;
}
.table td {
  background-color: #fff;
  padding: 10px 12px;
  border-bottom: 1px solid #d6d6d5;
}
.inp-dft {
  border: 1px solid #CBCBCB;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.06);
  margin: 0;
  border-radius: 4px;
  background: #F8F8F8;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  padding: 8px !important;
  vertical-align: middle;
  transition: border-color 0.3s;
  width: 460px;
}
.inp-dft.disabled {
  border-color: #ccc;
  box-shadow: none;
  background-color: #f5f5f5;
  color: #9b9b9b;
  text-shadow: #fff;
}
.check-wrap {
  display: inline-block;
}
.check-wrap input {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.check-wrap input[type="radio"]:checked + .radio .faked-control .cir {
  transform: scale(1);
}
.check-wrap input[type="checkbox"]:checked + .checkbox .faked-control .checkmark::before {
  transform: rotate(45deg) scale(1);
}
.check-wrap input[type="checkbox"]:checked + .checkbox .faked-control .checkmark::after {
  transform: rotate(-45deg) scale(1);
}
.check-wrap label {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.check-wrap label .faked-control {
  margin-right: 0.25rem;
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
  background-color: #fff;
  color: #52C870;
  border: 2px solid currentColor;
}
.check-wrap label.checkbox .faked-control .checkmark::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: currentColor;
  transform: rotate(45deg) scale(0);
  top: 8px;
  left: 2px;
  transition: transform 0.2s;
}
.check-wrap label.checkbox .faked-control .checkmark::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  transform: rotate(-45deg) scale(0);
  background-color: currentColor;
  top: 7px;
  left: 5px;
  transition: transform 0.2s;
}
.check-wrap label.radio .faked-control {
  border-radius: 50%;
}
.check-wrap label.radio .faked-control .cir {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  background-color: currentColor;
  transform: scale(0);
  transition: transform 0.2s;
}
.check-wrap.check-error {
  color: #cd4a5a;
}
.check-wrap.check-error .faked-control {
  color: #cd4a5a;
}
.check-wrap.check-correct {
  color: #268429;
}
.check-wrap.check-correct .faked-control {
  color: #268429;
}
.check-wrap .check-comment {
  font-size: 12px;
  padding-left: 24px;
}
.select {
  border: 2px solid #52C870;
  margin: 0;
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  padding: 7px 5px;
  vertical-align: middle;
  background: #fff;
  color: #52C870;
  font-weight: 600;
}
.select:after {
  content: 'sss';
}
.switch-either {
  font-weight: 600;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #777;
}
.form-one-two .switch-either {
  justify-content: flex-start !important;
}
.switch-either > span {
  cursor: pointer;
  transition: color 0.2s;
}
.switch-either span:first-child {
  color: #52C870;
}
.switch-either.right span:first-child {
  color: currentColor;
}
.switch-either.right span:last-child {
  color: #52C870;
}
.switch-either .switch {
  width: 32px;
  height: 18px;
  border: 2px solid #52C870;
  position: relative;
  margin: 0 10px;
}
.switch-either .switch:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #52C870;
  top: 2px;
  left: 2px;
  transition: left 0.2s;
}
.switch-either.right .switch:before {
  left: 16px;
}
.slider-wrap,
.slider-range-wrap {
  text-align: center;
  -webkit-user-select: none;
}
.slider-wrap label,
.slider-range-wrap label {
  display: block;
  margin-bottom: 5px;
}
.slider-wrap .inp-dft,
.slider-range-wrap .inp-dft {
  width: calc(100% - 17px);
  text-align: inherit;
}
.slider-wrap .slider,
.slider-range-wrap .slider {
  position: relative;
  margin-top: 2px;
  height: 22px;
}
.slider-wrap .slider .handle,
.slider-range-wrap .slider .handle {
  position: absolute;
  width: 17px;
  height: 22px;
  background: url(/images/control-slider-full.png);
  background-repeat: no-repeat;
  background-position: 50%;
  top: 0;
  opacity: 0.8;
  cursor: pointer;
  cursor: w-resize;
}
.slider-wrap .slider .handle:hover,
.slider-range-wrap .slider .handle:hover {
  opacity: 1;
}
.slider-wrap .grades {
  position: absolute;
  left: 10px;
  right: 11px;
  top: -9px;
  height: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 2px;
}
.slider-wrap .grades > div:nth-child(1) {
  background: #FF8784;
}
.slider-wrap .grades > div:nth-child(2) {
  background: #FDAF75;
}
.slider-wrap .grades > div:nth-child(3) {
  background: #FBC86C;
}
.slider-wrap .grades > div:nth-child(4) {
  background: #CBD469;
}
.slider-wrap .grades > div:nth-child(5) {
  background: #88E065;
}
.slider-range-wrap .handle:first-child {
  background-image: url(/images/control-slider-half-left.png);
}
.slider-range-wrap .handle:last-child {
  background-image: url(/images/control-slider-half-right.png);
}
.slider-range-wrap .inp-dft:first-child {
  border-right-width: 1px;
}
.slider-range-wrap .inp-dft:last-child {
  border-left-width: 1px;
}
.slider-range-wrap .slider {
  margin-left: -13px;
  margin-right: -14px;
}
.slider-range-wrap .expanded-values {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 0.625rem;
  background-color: #52C870;
  padding-bottom: 2px;
  color: #fff;
}
.slider-range-wrap .expanded-values .vfrom,
.slider-range-wrap .expanded-values .vto {
  flex-grow: 1;
  flex-basis: 50%;
}
.toggler {
  width: 72px;
  height: 38px;
  background-color: #efefed;
  border: 2px solid #adadad;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
  display: inline-block;
  vertical-align: middle;
}
.toggler:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  background-color: #adadad;
  background-image: url(/images/icon-check-primary.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0;
  border: 2px solid #efefed;
  transition: left 0.2s, background 0.2s, border-color 0.2s;
}
.toggler.active {
  background-color: #52C870;
  border-color: #52C870;
}
.toggler.active:after {
  content: '';
  position: absolute;
  left: 34px;
  background-color: #efefed;
  background-size: 18px;
}
.toggler.disabled {
  border-color: #e6e6e6;
}
.toggler.disabled:after {
  background: #e6e6e6;
  transform: scale(0.7);
}
.toggler-hidden {
  margin-top: 10px;
}
.toggler-wrap {
  display: inline-block;
}
.toggler-wrap + .toggler-wrap {
  margin-left: 1rem;
}
.toggler-wrap .label {
  display: inline-block;
  vertical-align: middle;
}
.toggler-wrap .toggler {
  margin-right: 0.5rem;
}
.list li {
  margin-top: 10px;
}
.list li:first-child {
  margin-top: 0;
}
.adropdown {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background-color: #fff;
}
.adropdown.disabled .trigger {
  cursor: default;
  color: #e4e4e4;
  border-color: currentColor;
}
.adropdown.disabled .trigger:after {
  border-color: currentColor;
}
.adropdown .trigger {
  padding: 8px 10px;
  width: 50%;
  display: block;
  border: 2px solid #52C870;
  transition: all 0.5s ease;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  color: #52C870;
}
.adropdown .trigger:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #52C870;
  border-width: 0 2px 2px 0;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  transform: rotate(45deg);
}
.adropdown .drop-hidden {
  display: none;
}
.adropdown .drop-visible {
  height: 200px;
  overflow-y: scroll;
  color: #000;
}
.adropdown ul {
  border: 2px solid #52C870;
  border-top: none;
  background: #fff;
  width: 50%;
  z-index: 100;
  position: absolute;
}
.adropdown ul li {
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.1s ease;
}
.adropdown ul li:hover {
  background: #f4f4f4;
  outline: none;
}
.accordeon .item {
  background-color: #eaeaea;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.accordeon .item:first-child {
  margin-top: 0;
}
.accordeon .item:hover {
  background-color: #f2f2f2;
}
.accordeon .item:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border: 2px solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg) translateY(0);
  top: 18px !important;
  left: 15px;
  transition: transform 0.2s;
}
.accordeon .item .date {
  display: inline-block;
  width: 170px;
}
.accordeon .item .title {
  font-weight: bold;
  padding-left: 20px;
}
.accordeon .item .desc {
  padding-top: 0 !important;
  line-height: 0px;
  opacity: 0;
  transition: all 0.2s;
  font-size: 0.875rem;
}
.accordeon .item .desc img {
  height: 0;
  vertical-align: middle;
}
.accordeon .item .desc .btn {
  line-height: 0;
  padding: 0;
  margin-top: 0;
  border-width: 0;
  visibility: hidden;
}
.accordeon .item.active:after {
  transform: rotate(45deg) translateY(-3px);
}
.accordeon .item.active .desc {
  padding-top: 5px !important;
  line-height: 20px;
  opacity: 1;
}
.accordeon .item.active .desc img {
  height: auto;
}
.accordeon .item.active .desc .btn {
  visibility: visible;
  border-width: 1px;
  margin-top: 10px;
  line-height: 1.2;
  padding: 10px 20px;
}
.accordeon .item.folder {
  line-height: 20px;
  display: block;
  text-decoration: none;
  color: #000;
}
.accordeon .item.folder .title {
  padding-left: 0;
  padding-right: 20px;
}
.accordeon .item.folder .desc {
  line-height: normal;
  opacity: 1;
}
.accordeon .item.folder:after {
  top: 50% !important;
  margin-top: -4px;
  right: 20px;
  left: auto;
}
.accordeon .item.folder.active .desc {
  padding-top: 0 !important;
}
.accordeon .item.folder.active:after {
  transform: rotate(-45deg) translateY(0);
}
.visible-sm {
  display: none !important;
}
.form .form-msg + .form-row {
  margin-top: 0;
}
.form .inpdesc {
  font-size: 0.625rem;
  padding: 0 4px 2px;
}
.form .error-msg {
  padding: 0 4px 2px;
  font-size: 0;
  background-color: rgba(205, 74, 90, 0);
  color: #fff;
  transition: font-size 0.3s, background-color 0.3s;
}
.form.card-white {
  padding: 30px;
}
.form.zebra .form-row {
  margin: 0;
  padding: 20px 30px;
}
.form.zebra .form-row:nth-child(even) {
  background-color: rgba(150, 161, 179, 0.15);
}
.form.zebra .form-row.form-error {
  background-color: rgba(255, 0, 54, 0.2);
}
.form.zebra.card-white {
  padding: 30px 0;
}
.form-row {
  margin: 20px 0;
}
.form-row:first-of-type {
  margin-top: 0 !important;
}
.form-row:last-child {
  margin-bottom: 0 !important;
}
.form-msg {
  text-align: center;
  font-weight: bold;
  transition: font-size 0.3s, margin-bottom 0.3s;
  font-size: 0;
  margin-bottom: 0;
}
.form-msg.error {
  color: #cd4a5a;
}
.form-msg.active {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.form-title {
  font-size: 0.875rem;
  padding-left: 70px;
  position: relative;
  padding-bottom: 10px;
}
.form-title:before {
  content: url(/images/icon-info-big-black.png);
  position: absolute;
  left: 0;
  height: 46px;
  opacity: 0.5;
  top: 50%;
  display: block;
  margin-top: -23px;
}
.error .inp-dft,
.form-error .inp-dft {
  border-color: #cd4a5a;
}
.error .error-msg,
.form-error .error-msg {
  font-size: 0.625rem;
  background-color: #cd4a5a;
}
.form-one-two {
  /*.inpdesc {
        flex: 1 0 220px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        &:before {
            content: '';
            flex: 1 0 120px;
        }
        &:after {
            content: attr(text-after);
            display: block;
            flex: 3 0 220px;
        }
    }*/
}
.form-one-two .form-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.form-one-two .one {
  flex-grow: 1;
  flex-basis: 30%;
  padding-right: 10px;
}
.form-one-two .one label {
  padding-top: 9px;
  display: inline-block;
}
.form-one-two .two {
  flex-grow: 1;
  flex-basis: 70%;
}
.form-one-two .inpdesc,
.form-one-two .error-msg {
  display: block;
}
.checkboxes label {
  display: block;
  margin: 10px 0;
}
.content {
  min-height: calc(100vh - 172px - 100px);
}
.footer {
  display: flex;
  flex-direction: column;
  height: 172px;
  background: linear-gradient(180deg, #98DEAA -37.25%, #87E0DB 100%);
  justify-content: center;
  margin-top: 100px;
}
.footer .logo-container {
  margin-bottom: 16px;
  opacity: 0.5;
}
.footer .legallinks a {
  margin: 0 8px;
}
.header-landing {
  display: flex;
  padding: 24px 0;
  align-items: center;
}
.header-landing .logo-container {
  margin-right: 55px;
}
.navlinks {
  margin-right: auto;
}
.navlinks a {
  font-weight: bold;
  margin-right: 24px;
}
.language-container .lang-switch {
  display: flex;
}
.language-container a {
  text-decoration: none;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.3);
  width: 32px;
  margin-left: 8px;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  padding: 1px 0;
}
.language-container a.active {
  background: #2A74E3;
  border: 1px solid #2A74E3;
  color: #fff;
}
.content-wrapper {
  padding: 32px;
}
.form-register,
.form-contact {
  margin-top: 40px;
}
.form-register .form-row,
.form-contact .form-row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-register .one,
.form-contact .one {
  width: 100px;
  flex-basis: 100px;
  padding-right: 40px;
  font-weight: bold;
}
.form-contact {
  margin-top: 0;
}
.form-contact .form-row {
  justify-content: start;
}
.contact-us {
  margin-top: 40px;
  display: flex;
}
.contact-us .addresses-col {
  margin-left: 48px;
}
.contact-us .addresses-col .title {
  font-weight: bold;
  margin-bottom: 8px;
}
.hdg2 {
  font-weight: bold;
}
.legal-text {
  line-height: 1.4;
  font-size: 18px;
}
.affilates-bg {
  background: url(/images/moneyfall.jpg);
  background-size: 1184px;
  background-position: -50px 50%;
  background-repeat: no-repeat;
}
.affilate-comp {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #52C870;
  margin-top: 40px;
  margin-bottom: 40px;
}
.affilate-comp .right-col {
  padding-left: 16px;
}
.affilate-comp .right-col div:nth-child(1) {
  font-size: 52px;
  text-transform: uppercase;
  font-weight: bold;
}
.affilate-comp .right-col div:nth-child(2) {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 16px;
}
.affilate-comp .right-col div:nth-child(3) {
  color: #000;
  font-size: 20px;
}
.hero {
  padding-left: 270px;
  min-height: 450px;
  position: relative;
  z-index: 1;
  margin-bottom: 64px;
}
.hero .product-box {
  position: absolute;
  left: -110px;
  top: 30px;
}
.hero .card-white {
  padding: 32px;
}
.hero .bighdg {
  margin-bottom: 24px;
}
.hero .subtitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
.hero .desc {
  line-height: 1.5;
}
.features-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  row-gap: 32px;
  margin-top: 24px;
  margin-bottom: 48px;
}
.btn-big {
  display: inline-block;
  text-decoration: none;
  border: 0;
  letter-spacing: 0.5px;
  font-weight: bold;
  font-size: 33px;
  border-radius: 100px;
  background: #52C870;
  box-shadow: 0px 9px 26px rgba(69, 218, 107, 0.76);
  color: #fff !important;
  padding: 10px 32px;
}
.btn-big:hover {
  background-color: #38af56;
}
.btn-big.btn-med {
  font-size: 24px;
  padding: 6px 24px;
}
.plans-wrap {
  margin: 40px -32px 0;
}
.plans-table {
  width: 100%;
  border-collapse: collapse;
}
.plans-table th {
  padding-bottom: 16px;
}
.plans-table tr:nth-child(even) td {
  background-color: #F7F7F7;
}
.plans-table tr.buy-btns td {
  background: none;
  padding-top: 16px;
}
.plans-table .plan-name {
  font-size: 20px;
  width: 150px;
}
.plans-table .price {
  font-size: 24px;
}
.plans-table .feature-name {
  height: 56px;
  vertical-align: middle;
  width: 248px;
  padding-right: 40px;
  padding-left: 24px;
  font-size: 15px;
}
.plans-table .feature-present {
  text-align: center;
  vertical-align: middle;
}
.feature-item {
  padding: 24px;
  display: flex;
}
.feature-item .icon-container {
  margin-right: 24px;
}
.feature-item .title {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 24px;
}
.feature-item .desc {
  line-height: 1.5;
}
.header {
  color: #fff;
  height: 70px;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
}
.header .infoicons {
  text-align: right;
  display: flex;
  align-items: center;
  align-content: flex-end;
  max-width: none;
  transition: flex 0.2s;
}
.header .infoicons > span {
  margin-left: 16px;
  cursor: pointer;
  position: relative;
}
.header .infoicons > span:first-child {
  margin-left: 0;
}
.header .infoicons > span .icon {
  fill: #fff;
  transition: top 0.2s, fill 0.2s;
  position: relative;
  top: 0;
}
.header .infoicons > span.mobmenu {
  border: 2px solid #fff;
  padding: 0.15em 0.5em;
  border-radius: 0.3em;
}
.header .infoicons > span.active {
  animation: none;
}
.header .infoicons > span.active:before {
  content: url(/images/corner-up-white.png);
  position: absolute;
  bottom: -27px;
  left: 50%;
  margin-left: -6px;
}
.header .infoicons > span.active .icon {
  top: 10px;
  color: #6abdff;
}
.header .infoicons img {
  vertical-align: middle;
  cursor: pointer;
}
.header .infoicons .searchbar-wrap {
  flex: 1;
  position: relative;
  z-index: 1;
  display: flex;
}
.header .infoicons .searchbar-wrap .searchbar {
  width: 100%;
  display: block;
  background: #2b7e2f;
  border: 0;
  height: 28px;
  border-radius: 4px;
  color: #fff !important;
  font-size: 12px;
  font-family: inherit;
  padding-left: 28px;
  transition: background 0.3s;
  outline: none;
}
.header .infoicons .searchbar-wrap > label .icon {
  position: absolute;
  left: 6px;
  top: 5px;
  width: 18px;
  height: 18px;
}
.header .infoicons .searchbar-wrap .search-close {
  display: flex;
  align-items: center;
  margin-left: 8px;
  color: #52C870;
  flex-basis: 0;
  flex-shrink: 0;
  overflow: hidden;
  transition: flex-basis 0.2s;
}
.header .infoicons .searchbar-wrap .search-close .icon {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.header .infoicons .info-bell {
  animation: blink 0.5s infinite alternate;
}
.header .infoicons .info-bell .icon {
  width: 28px;
  height: 28px;
}
.header.searching .page-header {
  width: 0;
  opacity: 0;
  flex-shrink: 1;
  flex-grow: 0;
}
.header.searching .infoicons {
  max-width: none;
  flex: 1;
}
.header.searching .search-close {
  flex-basis: 62px !important;
  width: auto !important;
}
.header.searching .searchbar {
  background: #477ED2 !important;
}
.header .msg-list {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  color: #000;
  right: 0;
  max-width: 414px;
  text-align: left;
  top: 50px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.header .msg-list.active {
  display: block;
  top: 70px;
  visibility: visible;
  opacity: 1;
}
.header .msg-list .msg {
  border-bottom: 1px solid #ccc;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: 15px 18px;
  padding-left: 48px;
  cursor: pointer;
}
.header .msg-list .msg:hover {
  background-color: #edf8ff;
}
.header .msg-list .msg.msg-security {
  background-image: url(/images/icon-shield.png);
}
.header .msg-list .msg.msg-warning {
  background-image: url(/images/icon-warning.png);
}
.header .msg-list .msg.msg-ticket {
  background-image: url(/images/icon-speech-bubble.png);
}
.header .msg-list .msg.msg-message {
  background-image: url(/images/icon-mail-blue.png);
}
.header .msg-list .msg.msg-news {
  background-image: url(/images/icon-news.png);
}
.lang-flags {
  width: 700px;
  text-align: right;
  margin: auto auto 1rem;
  position: relative;
  z-index: 2;
  transition: height 0.2s, margin-bottom 0.2s opacity 0.2s;
}
.lang-flags .flag {
  cursor: pointer;
}
.lang-flags .lang-flags-list:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  right: 10px;
  transform: rotate(45deg) translateY(-5px);
}
.lang-flags .lang-flags-list.active {
  top: 2rem;
}
.lang-flags + .main-content {
  margin-top: 0 !important;
}
.mode-work .lang-flags {
  display: none;
}
.flags-list,
.lang-flags-list {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  color: #000;
  right: 0;
  text-align: left;
  top: 50px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
  min-width: 150px;
}
.flags-list.active,
.lang-flags-list.active {
  display: block;
  top: 70px;
  visibility: visible;
  opacity: 1;
}
.flags-list .language,
.lang-flags-list .language {
  padding: 10px 15px;
  display: block;
  cursor: pointer;
}
.flags-list .language:hover,
.lang-flags-list .language:hover {
  background-color: #edf8ff;
}
.flags-list .language .flag,
.lang-flags-list .language .flag {
  position: relative;
  top: -2px;
  margin-right: 4px;
}
.info-flags {
  height: 28px;
  cursor: pointer;
}
.flag {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 16px;
  background: url(/images/flags-sprite.png) no-repeat 0 0;
}
.flag.flag-en {
  background-position: 0 -16px;
}
.flag.flag-in {
  background-position: 0 -32px;
}
.flag.flag-vn {
  background-position: 0 -48px;
}
.flag.flag-pk {
  background-position: 0 -64px;
}
.flag.flag-ua {
  background-position: 0 -80px;
}
.flag.flag-id {
  background-position: 0 -96px;
}
.flag.flag-es {
  background-position: 0 -112px;
}
.flag.flag-bd {
  background-position: 0 -128px;
}
.flag.flag-pt {
  background-position: 0 -144px;
}
.logo img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
.page-header {
  font-weight: 300;
  font-size: 1.9em;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  transition: all 0.2s;
}
.side-main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding-left: 30px;
  padding-bottom: 30px;
  flex: 1 1 0;
  overflow: hidden;
}
.side-main.no-sidebar {
  padding-right: 30px;
}
.sidebar {
  flex: 0 0 250px;
  top: 0;
  right: 0;
  min-height: 100%;
}
.sidebar .bat-hi {
  color: #52C870;
}
.sidebar .bat-med {
  color: #e8b439;
}
.sidebar .bat-low {
  color: #d34c4c;
}
.sidebar .balance-battery {
  margin-right: 5px;
  border: 2px solid currentColor;
  display: inline-block;
  width: 12px;
  height: 17px;
  vertical-align: baseline;
  position: relative;
  z-index: 1;
  top: 1px;
  border-radius: 2px;
}
.sidebar .balance-battery:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 2px;
  background-color: currentColor;
  left: 2px;
  top: -4px;
  border-radius: 1px 1px 0 0;
}
.sidebar .balance-battery .charge {
  position: absolute;
  bottom: 0;
  background-color: currentColor;
  left: 0;
  right: 0;
  transition: height 0.2s;
}
.main-content {
  background: #F9FAFC;
  flex: 1;
  padding: 30px;
  transition: transform 0.2s, opacity 0.2s;
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
.main-content.dimmed {
  transform: scale(0.95);
  opacity: 0.5;
}
.main-content .hide-menu {
  display: none;
  position: absolute;
  background-color: #3d4d65;
  width: 8px;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: e-resize !important;
}
.auth-mode-off .hide-menu {
  display: block;
}
.sb-header {
  height: 70px;
  padding-left: 24px;
  font-size: 1.3em;
  color: #fff;
}
.sb-header > .col {
  position: relative;
  z-index: 1;
}
.sb-header .logout {
  position: absolute;
  right: 14px;
}
.sb-header .client-badge {
  position: absolute;
  right: 48px;
}
.sb-header .client-badge svg {
  width: 16px;
  height: 18px;
}
.client-unverified {
  text-align: center;
  color: #d34c4c;
  font-size: 14px;
  font-weight: 600;
  padding-left: 24px;
}
.menu {
  padding-left: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  width: 250px;
}
.menu .menu-item {
  margin-bottom: 28px;
}
.menu .menu-item.opened .caret {
  transform: rotate(180deg);
}
.menu .head {
  display: flex;
  align-items: center;
  font-size: 1.5em;
  cursor: pointer;
}
.menu .head .label {
  flex: 1;
}
.menu .caret {
  opacity: 0.4;
  margin-right: 15px;
  margin-top: 15px;
}
.menu .menu-icon {
  margin-right: 8px;
  align-self: flex-start;
  margin-top: 3px;
}
.menu .submenu {
  padding-left: 10px;
  display: none;
}
.menu .submenu a {
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
}
.menu .submenu li {
  padding-top: 18px;
}
.menu .submenu .active {
  background-color: #ec236a;
  border-radius: 5px;
  color: #fff;
}
.beta-badge {
  background-color: #13a924;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 3px;
  color: #fff;
}
.onboarding .title {
  font-size: 2.5rem;
  font-weight: 300;
  padding-top: 40px;
  margin-bottom: 10px;
}
.client-steps {
  border: 2px solid #ccc;
  max-width: 720px;
  margin: 20px auto 0;
}
.client-steps .grid-noGutter > div:nth-child(2) {
  padding-left: 10px;
  padding-right: 10px;
}
.client-steps .btn-primary {
  display: block;
  width: 100%;
}
.client-steps > div {
  padding: 40px;
  border-bottom: 2px solid #ccc;
}
.client-steps > div:last-child {
  border-bottom: 0;
}
.client-steps .key {
  color: #52C870;
}
.client-steps .smaller {
  margin-top: 10px;
}
.client-steps .col {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.client-steps .step,
.step-2fa .step {
  width: 48px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 46px;
  color: #52C870;
  border-radius: 50%;
  border: 2px solid #52C870;
  font-size: 1.5rem;
}
.client-steps .step.completed,
.step-2fa .step.completed {
  background-color: #52C870;
  background-image: url(/images/icon-check.png);
  background-repeat: no-repeat;
  background-position: 50%;
  text-indent: -999999px;
}
.dashboard > * {
  min-height: 232px;
}
.dashboard .close {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 10px;
  z-index: 2;
  background-image: url(/images/icon-cross.png);
  background-position: 50%;
  background-repeat: no-repeat;
}
.dashboard .move {
  position: absolute;
  z-index: 2;
  display: none;
  left: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  background: url(/images/icon-move.png);
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.dashboard .move:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.dashboard .card-white {
  height: 100%;
  min-height: 200px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  text-align: center;
  flex-flow: column;
  position: relative;
  z-index: 1;
}
.dashboard .card-white .title {
  font-size: 1.125rem;
  margin: 1.5rem 0 1rem;
}
.dashboard .card-white .title .icon {
  width: 21px;
  height: 21px;
  color: #52C870;
  cursor: pointer;
}
.dashboard .card-white .subtitle {
  font-size: 0.75rem;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
}
.dashboard .card-white:hover .move,
.dashboard .card-white:hover .widget-resize,
.dashboard .card-white:hover .full-stats {
  display: block;
}
.btn-card {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-card .label {
  display: block;
  width: 200px;
}
.btn-card img {
  margin-bottom: 20px;
}
.card-white {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
}
.highlight-text-wrap {
  padding: 10px;
}
.highlight-text-wrap .highlight-text {
  background-color: rgba(0, 0, 0, 0.09);
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.25);
  margin: 5px;
  padding: 10px;
}
.card-blue {
  background-color: #ebf1fa;
  border: 1px solid #99b7e6;
}
.card-blue.grid-middle {
  padding-top: 2rem;
  margin: 0;
}
.battery-horiz {
  margin-bottom: 18px;
}
.battery-horiz.bat-hi {
  color: #52C870;
}
.battery-horiz.bat-med {
  color: #f5a623;
}
.battery-horiz.bat-low {
  color: #d34c4c;
}
.battery-horiz .battery {
  border: 2px solid currentColor;
  height: 54px;
  width: 97px;
  border-radius: 5px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 5px;
}
.battery-horiz .battery:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 14px;
  border-radius: 0 3px 3px 0;
  background-color: currentColor;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.battery-horiz .battery .charge {
  height: 50px;
  background-color: currentColor;
  transition: width 0.2s;
}
.good {
  color: #52C870;
}
.med {
  color: #f5a623;
}
.bad {
  color: #ec236a;
}
.chart {
  margin: 0 auto;
  margin-bottom: 10px;
  height: 82px;
}
.chart.pie {
  width: 82px;
  position: relative;
}
.chart.pie .value {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  width: 100%;
  text-align: center;
}
.chart.pie circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
}
.chart.pie rect {
  fill: none;
  stroke: none;
}
.chart.pie ellipse {
  fill: currentColor;
}
.chart .value {
  font-size: 1.25rem;
  color: #000;
}
.infoblock {
  background: linear-gradient(to bottom, #122d43, #113e6d);
  margin-bottom: 2rem;
  border-radius: 5px;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), 0 1px 0 0 #fff;
  position: relative;
  color: #fff;
  padding: 20px 20px 22px;
}
.infoblock .title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.infoblock .desc {
  margin-bottom: 18px;
}
.infoblock .btn {
  color: #fff;
  font-size: 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 6px 30px;
  letter-spacing: 0.3px;
}
.infoblock .btn:hover {
  background: #fff;
  color: #115e6e;
}
.infoblock .wlimit {
  max-width: 470px;
}
.infoblock .wlimit:before {
  content: url(/images/icon-info-big.png);
  position: absolute;
  margin-left: -65px;
  margin-top: 4px;
}
.infoblock .close .icon {
  width: 16px;
  height: 16px;
}
#icon-cross {
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
}
.stats-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.stats-head > div {
  margin: 0 2rem;
}
.stats-opts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 20px -10px 10px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.stats-opts > div {
  padding: 0 10px 10px;
}
.stats-opts > div:nth-child(3),
.stats-opts > div:nth-child(2) {
  margin-left: auto;
}
.stats-opts > div:last-child {
  margin-left: auto;
}
.settings .option .title {
  font-size: 1.375rem;
  margin-bottom: 10px;
}
.settings .option .desc {
  opacity: .75;
  max-width: 400px;
}
.settings .controls > * + .btn {
  margin-top: 10px;
}
.settings .controls label {
  display: block;
}
.settings.wlimit {
  max-width: 820px;
}
.settings .lvl2 .option {
  padding-left: 40px;
}
.paging {
  margin-top: 20px;
}
.paging .arrows {
  margin-bottom: 25px;
  text-align: center;
}
.paging .arrows a {
  padding: 0 20px;
  opacity: 0.7;
}
.paging .arrows a:hover {
  opacity: 1;
}
.paging .paging-arrow-right-end img {
  transform: scaleX(-1);
}
.scroll-paging {
  background-color: #DFE1E4;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.scroll-paging .activepage {
  position: absolute;
  z-index: 2;
  height: 5px;
  width: 5px;
  bottom: 0;
  background-color: #52C870;
}
.scroll-paging .pages {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.scroll-paging .pages .btn-group {
  transition: transform 0.2s;
}
.scroll-paging .scrollbar {
  position: absolute;
  bottom: 0;
  left: 28px;
  height: 5px;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
.scroll-paging .scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.scroll-paging .scroll-left,
.scroll-paging .scroll-right {
  padding: 10px 8px;
  cursor: pointer;
  color: #97999B;
}
.scroll-paging .scroll-left .icon,
.scroll-paging .scroll-right .icon {
  font-size: 8px;
  display: block;
}
.scroll-paging .scroll-left:hover,
.scroll-paging .scroll-right:hover {
  color: #747678;
}
.scroll-paging .scroll-left .icon {
  transform: scaleX(-1);
}
.scroll-paging .btn-group {
  justify-content: flex-start;
}
.scroll-paging .btn-group .btn {
  background-color: #fff;
  flex-shrink: 0;
  flex-basis: 50px;
  padding-left: 0;
  padding-right: 0;
}
.scroll-paging .btn-group .btn.active {
  background-color: #52C870;
}
.scroll-paging .btn-group .btn:after {
  display: none;
}
.auth-mode .auth-form {
  position: relative;
}
.auth-mode .auth-form .anti-loader {
  top: -70px;
  text-align: center;
  left: 50%;
  margin-left: -39px;
}
.auth-mode .auth-form .logo {
  position: absolute;
  top: -70px;
  text-align: center;
  left: 50%;
  margin-left: -39px;
  z-index: 3;
}
.auth-mode .auth-form .form {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}
.auth-mode .auth-form .form.form-one-two .two {
  flex-basis: 60%;
}
.auth-mode .auth-form .form-newpass {
  max-width: 400px;
}
.auth-mode .auth-form .form-newpass .one {
  flex-basis: 100%;
}
.auth-mode .auth-form .form-newpass .two {
  position: relative;
}
.auth-mode .auth-form .btn-group {
  margin-bottom: 30px;
}
.auth-mode .header {
  top: -70px;
  transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.auth-mode .side-main {
  padding-right: 30px;
  transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.auth-mode .main-content {
  flex-grow: 0;
  flex-basis: auto;
  width: 700px;
  margin: auto;
  transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.auth-mode .sidebar {
  overflow: hidden;
  width: 0;
  flex-basis: 0;
  transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.auth-mode .sidebar .sb-header,
.auth-mode .sidebar .menu {
  position: relative;
  left: 250px;
  transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.auth-links {
  position: absolute;
  left: -30px;
  right: -30px;
  bottom: -122px;
  margin-left: 0;
  margin-right: 0;
}
.auth-links img {
  vertical-align: middle;
  margin-right: 5px;
}
.auth-links a {
  color: #fff;
}
.auth-links .old-ver img {
  height: 48px;
}
.auth-mode-off .side-main {
  padding-right: 0;
}
.auth-mode-off .header {
  top: 0;
}
.auth-mode-off .sidebar {
  width: 250px;
  flex-basis: 250px;
}
.auth-mode-off .sidebar .sb-header,
.auth-mode-off .sidebar .menu {
  left: 0;
}
.auth-mode-off .main-content {
  flex-grow: 1;
  width: 100% !important;
}
.auth-mode-off .lang-flags {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  display: none;
}
.result-msg {
  text-align: center;
}
.result-msg i {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
}
.result-msg i.success {
  background-image: url(/images/icon-check-big-primary.png);
}
.result-msg .title {
  font-size: 1.5rem;
  color: #52C870;
  margin-bottom: 10px;
}
.result-msg .desc {
  margin-bottom: 20px;
}
.pass-thumb {
  position: absolute;
  right: -34px;
  top: 7px;
  transition: color 0.3s, transform 0.3s;
}
.pass-thumb .icon {
  fill: currentColor;
}
.pass-hint .two {
  margin-right: 40px;
}
.apps-list .col {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.app-card {
  padding: 20px;
  flex-grow: 1;
}
.app-card .head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  min-height: 66px;
  color: #000;
  text-decoration: none;
}
.app-card .head:hover {
  color: #676767;
}
.app-card .head .title {
  font-weight: bold;
}
.app-card .appicon {
  width: 64px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: middle;
  margin-right: 10px;
  flex: 0 0 64px;
}
.app-card .meta-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.app-card .meta-wrap .price {
  margin-right: 15px;
  border: 1px solid currentColor;
  padding: 0 6px;
  border-radius: 3px;
  color: #52C870;
}
.app-card .meta-wrap .btn {
  font-size: 0.875rem;
  padding: 3px 10px;
}
.app-card .meta-wrap .btn .icon {
  width: 16px;
  fill: #fff;
}
.app-card .stats {
  margin-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background-color: #F7CB65;
  margin-left: -20px;
  margin-right: -20px;
  padding: 5px 0;
}
.app-card .stats > span {
  flex: 1px;
  text-align: center;
}
.app-card .stats .icon {
  width: 16px;
  vertical-align: text-bottom;
  opacity: 0.5;
}
.app-card .desc,
.app-card .tags {
  font-size: 0.813rem;
  margin-top: 15px;
}
.app-card .tags {
  padding-left: 22px;
  position: relative;
}
.app-card .tags:before {
  content: '';
  background: url(/images/icon-tag.svg);
  background-size: cover;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
}
.app-card .tags span {
  cursor: pointer;
  border-bottom: 1px dotted currentColor;
  display: inline-block;
  margin: 0 3px;
  color: #9C9C9C;
}
.app-card .tags span:hover {
  border-bottom: 0;
}
.app-card .dlikes .icon {
  transform: scaleY(-1);
}
.app-card.developer {
  position: relative;
  padding-bottom: 150px;
}
.app-card.developer .devopts {
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  padding: 5px 20px 6px;
  text-align: center;
}
.app-card.developer .devopts .btn {
  font-size: 0.75rem;
  padding: 2px 6px;
  margin-right: 4px;
  color: #000;
}
.app-card.developer .devopts .softid {
  text-align: center;
  padding-top: 10px;
  font-size: 0.875rem;
}
.app-card.developer .app-status {
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  padding: 5px 0;
  margin: 0 -20px 10px;
  position: relative;
}
.app-card.developer .app-status .icon-status {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-top: -30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
  top: 7px;
}
.app-card.developer .app-status:after {
  display: block;
}
.app-card.developer .app-status.app-approved {
  background-color: #52C870;
}
.app-card.developer .app-status.app-approved .icon-status {
  background-color: #52C870;
  background-image: url(/images/tick-circle.png);
}
.app-card.developer .app-status.app-approved:after {
  content: 'Approved';
}
.app-card.developer .app-status.app-review {
  background-color: #b5b5b5;
}
.app-card.developer .app-status.app-review .icon-status {
  background-color: #b5b5b5;
  background-image: url(/images/hourglass-circle.png);
}
.app-card.developer .app-status.app-review:after {
  content: 'Under review';
}
.app-card.developer .app-status.app-denied {
  background-color: #cd4a5a;
}
.app-card.developer .app-status.app-denied .icon-status {
  background-color: #cd4a5a;
  background-image: url(/images/cross-circle.png);
}
.app-card.developer .app-status.app-denied:after {
  content: 'Denied';
}
.app-card-add .app-card {
  border-radius: 5px;
  width: 100%;
  border: 3px dashed #c7c7c5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: inherit;
  text-decoration: none;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
  color: #a1a19f;
  text-shadow: 0 1px 0 #fff;
  transition: all 0.3s;
}
.app-card-add .app-card:hover {
  background-color: #fff;
  border: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.app-card-add .app-card:hover span {
  padding: 20px 0;
}
.app-card-add .app-card span {
  padding: 10px 0;
  transition: padding 0.3s;
}
@keyframes antiloader {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -9790px 0;
  }
}
@keyframes loadbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes loaderRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  from {
    stroke-dasharray: 1, 57;
  }
  to {
    stroke-dasharray: 37, 57;
  }
}
.loadbar {
  position: fixed;
  top: 0;
  left: 0;
  height: 5px;
  opacity: 0;
  transition: opacity 0.5s;
  background-color: #4ecd4a;
  z-index: 10;
}
.loading .loadbar {
  opacity: 1;
  animation: loadbar 2s;
}
.header .anti-loader,
.auth-form .anti-loader {
  width: 89px;
  height: 25px;
  background: url(/images/anti-loader.png);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.loading .logo img {
  opacity: 0;
}
.loading .anti-loader {
  opacity: 1;
  visibility: visible;
}
.loading .anti-loader {
  animation: antiloader 3.1s steps(110) infinite;
}
.app-search {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 30px;
  position: relative;
}
.app-search > .icon {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 10px;
  fill: #a8a8a8;
}
.app-search > input[type="text"] {
  display: block;
  width: 100%;
  font-size: 1.125rem;
  flex: 1px;
  padding-left: 35px !important;
}
.app-search > button {
  margin-left: 10px;
}
.app-search + .btn-group {
  margin-bottom: 30px;
}
.table-nav {
  margin: 20px 0;
}
.table-nav:first-child {
  margin-top: 0;
}
.table-nav[class*="grid-"] .col,
.table-nav[class*="grid-"] [class*="col-"]:first-child {
  padding-left: 0;
}
.table-nav[class*="grid-"] .col,
.table-nav[class*="grid-"] [class*="col-"]:last-child {
  padding-right: 0;
}
.tabbed-card .btn-group {
  justify-content: flex-start;
}
.tabbed-card .btn-group .btn:after {
  display: none;
}
.tabbed-card .btn-group .btn.active {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  color: #000 !important;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 3px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
}
.tabbed-card .tabstack {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  border-radius: 0 5px 5px 5px;
  padding: 20px;
}
.vertical-tabs {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.vertical-tabs > .btn-group {
  flex-shrink: 0;
  display: block;
}
.vertical-tabs > .btn-group .btn {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  background: none;
  overflow: visible;
  margin-right: 2px;
  text-align: left;
}
.vertical-tabs > .btn-group .btn:after {
  background-color: #fff;
  top: 0;
  bottom: 0;
  width: 5px;
  right: -5px;
  left: auto;
  display: none;
}
.vertical-tabs > .btn-group .btn:first-child {
  margin-top: 0;
}
.vertical-tabs > .btn-group .btn.active {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  margin-right: 0;
  border-radius: 5px 0 0 5px;
  position: relative;
  z-index: 1;
  color: #52C870 !important;
}
.vertical-tabs > .btn-group .btn.active:after {
  display: block;
}
.vertical-tabs .tab-pane {
  display: none;
}
.vertical-tabs .tab-pane.active {
  display: block;
}
.vertical-tabs .tabstack {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  padding: 20px;
  flex-grow: 1;
}
.tab-screenshots img {
  max-width: 100%;
}
.reviews-list .review {
  margin-top: 30px;
}
.reviews-list .review:first-child {
  margin-top: 0;
}
.reviews-list .review .head {
  font-size: 0.875rem;
  color: #777777;
  margin-bottom: 5px;
}
.reviews-list .review .head .icon {
  margin-right: 4px;
}
.reviews-list .review .head .icon.thumb-up {
  vertical-align: text-top;
}
.reviews-list .review.card-white {
  padding: 24px;
}
.imageslider {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.imageslider .control {
  cursor: pointer;
}
.imageslider .control.left {
  padding-right: 20px;
}
.imageslider .control.right {
  padding-left: 20px;
}
.imageslider .control .icon {
  fill: #a8a8a8;
  transition: fill 0.2s;
}
.imageslider .control .icon:hover {
  fill: #52C870;
}
.imageslider .images img {
  vertical-align: middle;
}
.affix-active {
  position: fixed;
  top: 20px;
}
.card-cat {
  text-align: center;
  display: block;
  color: inherit;
  text-decoration: none;
  font-size: 1.125rem;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  z-index: 1;
}
.card-cat:hover {
  transform: translateY(5px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.card-cat > img {
  max-width: 100%;
  border-radius: 5px 5px 0 0;
}
.card-cat .title {
  padding: 5px 0 8px;
}
.card-cat .count {
  font-size: 0.75rem;
  opacity: 0.7;
}
.card-cat .badge-new {
  right: 0;
  top: 0.5rem;
}
.table-vers th:nth-child(1) {
  width: 130px;
}
.table-vers th:nth-child(2) {
  width: 70%;
}
.table-vers td:nth-child(3) {
  text-align: right;
}
.wlimit-faq {
  max-width: 570px;
  margin: 0 auto;
}
.wlimit-faq.accordeon .item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
}
.wlimit-faq .create-ticket {
  padding: 25px 0 0 15px;
}
.wlimit-faq .create-ticket .title {
  font-weight: bold;
  margin-bottom: 7px;
}
.notfound {
  text-align: center;
}
.notfound .title {
  font-size: 1.5rem;
  padding: 8px 0 20px;
}
.faq-list .item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  margin-top: 14px;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: inherit;
  display: block;
}
.faq-list .item:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border: 2px solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg) translateY(0);
  top: 50%;
  margin-top: -4px;
  right: 20px;
  transition: margin-right 0.2s;
  margin-right: 0;
}
.faq-list .item:hover:after {
  margin-right: -5px;
}
.faq-list .item .title {
  font-weight: bold;
}
.faq-list .item .desc {
  padding-top: 5px;
  font-size: 0.875rem;
}
.shot-thumb {
  width: 120px;
  display: inline-block;
  padding-left: 17px;
  position: relative;
  z-index: 1;
}
.shot-thumb img {
  width: 100%;
}
.shot-thumb .del {
  position: absolute;
  background: #000;
  border-radius: 50%;
  color: #fff;
  padding: 7px;
  left: 3px;
  top: -5px;
  cursor: pointer;
}
.shot-thumb .del:hover {
  background-color: #808080;
}
.shot-thumb .del .icon {
  width: 10px;
  height: 10px;
  display: block;
}
.ticket-question {
  margin-bottom: 30px;
}
.ticket-question .col-symbols {
  padding-left: 0;
}
.ticket-head {
  margin-top: 30px;
}
.ticket-head .title {
  font-size: 1.5rem;
}
.ticket-form .format-btns {
  background-color: #c0c9d8;
  padding: 5px;
}
.conversation {
  margin-top: 30px;
}
.conversation .chatbox {
  margin: 15px;
  padding: 10px 20px;
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
}
.conversation .chatbox:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  transform: rotate(45deg);
  right: -8px;
  top: 15px;
  z-index: 1;
}
.conversation .chatbox:before {
  content: '';
  position: absolute;
  background-color: #fff;
  height: 40px;
  width: 30px;
  right: 0;
  top: 5px;
  z-index: 2;
}
.conversation .chatbox cite {
  display: block;
  border-left: 2px solid #f5a623;
  padding-left: 10px;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.conversation .chatbox .text {
  margin-bottom: 5px;
  position: relative;
  z-index: 3;
  max-width: 560px;
  word-wrap: break-word;
}
.conversation .chatbox .meta {
  font-size: 0.875rem;
  color: #838383;
  font-weight: 600;
  position: relative;
  z-index: 3;
}
.conversation .chatbox.from-support .meta:before {
  content: url(/images/msg-from-support.png);
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}
.conversation .chatbox.from-support:before {
  right: auto;
  left: 0;
}
.conversation .chatbox.from-support:after {
  right: auto;
  left: -8px;
}
.conversation .chatbox .reply {
  float: right;
  margin-top: 2px;
  cursor: pointer;
}
.tickets-list .card-white {
  height: 100%;
  padding: 15px;
  display: block;
  text-decoration: none;
  color: #000;
}
.tickets-list .card-white .meta {
  margin-top: 10px;
  font-size: 0.875rem;
  color: #a3a3a3;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.tickets-list .card-white .meta .date {
  flex-grow: 1;
  padding-left: 20px;
  position: relative;
  z-index: 1;
}
.tickets-list .card-white .meta .date:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
}
.tickets-list .card-white .meta .msg-counter {
  white-space: nowrap;
  position: relative;
  z-index: 1;
  padding-left: 10px;
}
.tickets-list .card-white .meta .msg-counter:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url(/images/icon-speech-bubble2.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 3px;
  opacity: 0.5;
}
.tickets-list .card-white.status-waiting .date:before {
  background: url(/images/icon-msg-status-waiting.png) 50% 50% no-repeat;
  height: 14px;
  width: 9px;
  margin-top: -7px;
}
.tickets-list .card-white.status-has-response .date:before {
  margin-top: -11px;
  width: 15px;
  height: 22px;
  background: url(/images/msg-from-support.png) 50% 50% no-repeat;
}
.tickets-list .card-white.disabled {
  background-color: #dadada;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
  color: #a8a8a8;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.7);
}
.tickets-list .card-white.disabled .msg-counter:before {
  opacity: 0.25;
}
.tickets-list .card-white.disabled .msg-counter:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: url(/images/icon-cross.png);
  background-size: contain;
  left: 14px;
  top: 3px;
}
.tickets-list .col:first-child {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.card-create-ticket {
  flex-grow: 1;
  border-radius: 5px;
  border: 3px dashed #c7c7c5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: inherit;
  text-decoration: none;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
  color: #a1a19f;
  text-shadow: 0 1px 0 #fff;
  transition: all 0.3s;
}
.uikit .desc {
  margin: 20px 0 15px;
  line-height: 1.7;
}
.uikit .hdg1 {
  margin-top: 60px;
}
.uikit .hdg1:first-child {
  margin-top: 0;
}
.uikit .example + .desc,
.uikit .example + .example {
  margin-top: 60px;
}
.uikit .showcase.grid {
  align-items: center;
  justify-content: space-around;
}
.uikit .example {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
}
.uikit .example .showcase {
  padding: 20px;
}
.uikit .example .code {
  background-color: #e9f2f7;
  border-radius: 0 0 5px 5px;
  padding: 1px 0;
}
.uikit .example .code xmp {
  margin-left: -64px;
}
.uikit .show-icons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.uikit .show-icons > svg {
  flex-basis: 30px;
}
.desc code {
  background-color: #c8e2f1;
  font-family: monospace;
  padding: 2px 4px;
  border-radius: 3px;
  box-shadow: 0 0.7px 0.5px #72a6c3;
}
.payments-list .card-white {
  overflow: hidden;
  display: block;
  padding: 4px;
}
.payments-list img {
  width: 100%;
  vertical-align: middle;
}
.payments-list .col {
  padding: 0 8px 16px !important;
}
.modal-payment img {
  max-width: 100%;
}
.modal-payment .col,
.modal-payment [class*="col-"] {
  padding-bottom: 8px;
}
.modal-widgets {
  text-align: center;
}
.modal-widgets .widget-icon {
  border: 2px solid #8c8c8c;
  border-radius: 4px;
  width: 88px;
  height: 88px;
  background-repeat: no-repeat;
  background-position: 0 -84px;
  margin: 0 auto 0.5rem;
  position: relative;
  z-index: 1;
}
.modal-widgets .widget-icon.active {
  background-position: 0 0;
  border-color: #52C870;
}
.modal-widgets .widget-icon .badge-new {
  right: -2px;
  top: 5px;
}
.modal-widgets .widget-icon,
.modal-widgets .col .title {
  cursor: pointer;
}
.modal-widgets .widget-icon.active + .title {
  color: #52C870;
}
.wicon-demo {
  background-image: url(/images/wicon-demo.png);
}
.wicon-balance {
  background-image: url(/images/wicon-balance.png);
}
.wicon-errapi {
  background-image: url(/images/wicon-errapi.png);
}
.wicon-conveyor {
  background-image: url(/images/wicon-conveyor.png);
}
.wicon-uploads {
  background-image: url(/images/wicon-uploads.png);
}
.wicon-workers {
  background-image: url(/images/wicon-workers.png);
}
.wicon-queue {
  background-image: url(/images/wicon-queue.png);
}
.wicon-bid {
  background-image: url(/images/wicon-bid.png);
}
.wicon-bid-stats {
  background-image: url(/images/wicon-bid-stats.png);
}
.wicon-appstats {
  background-image: url(/images/wicon-appstats.png);
}
.wicon-systats {
  background-image: url(/images/wicon-systats.png);
}
.wicon-myuploads {
  background-image: url(/images/wicon-myuploads.png);
}
.wicon-discounts {
  background-image: url(/images/wicon-discounts.png);
}
.wicon-captcha-speed {
  background-image: url(/images/wicon-captcha-time.png);
}
.pay-avantgate .title {
  margin-bottom: 8px;
}
.pay-avantgate .vouchers .btn {
  display: block;
  width: 100%;
  font-size: 1.25rem;
}
.pay-avantgate .vouchers .btn small {
  display: block;
  font-size: 0.75rem;
  opacity: 0.7;
}
.avantgate-login {
  position: relative;
  display: inline-block;
}
.avantgate-login img {
  position: absolute;
  width: 400px;
  display: none;
  right: 0;
  top: 100%;
  margin-top: 20px;
}
.avantgate-login:hover img {
  display: block;
}
.pay-steps {
  font-size: 1.125rem;
  color: #52C870;
}
.pay-steps .col {
  flex-grow: 0;
  flex-basis: 120px;
}
.pay-steps.withdraw {
  font-size: 1rem;
}
.pay-steps.withdraw .col {
  flex-basis: 200px;
}
.pay-steps.withdraw .col-arrow {
  position: relative;
  z-index: 1;
}
.pay-steps.withdraw .col-arrow:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #52C870;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  top: 70px;
  margin-left: -7px;
}
.pay-steps.withdraw .step {
  position: relative;
  z-index: 1;
}
.pay-steps.withdraw .step .btn {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.pay-steps.withdraw .ban {
  position: absolute;
  z-index: 2;
  left: 0;
  border: 6px solid red;
  border-radius: 50%;
  width: 152px;
  height: 152px;
  left: 50%;
  top: -1px;
  margin-left: -76px;
  display: none;
}
.pay-steps.withdraw .ban.active {
  display: block;
}
.pay-steps.withdraw .ban:before {
  content: '';
  position: absolute;
  left: -2px;
  right: -2px;
  height: 6px;
  background-color: red;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
}
.pay-steps.withdraw .ban:after {
  content: attr(ban-text);
  position: absolute;
  top: 100%;
  margin-top: 30px;
  left: 0;
  right: 0;
  font-size: 0.75rem;
  color: red;
}
.pay-steps.withdraw .step-cir {
  width: 150px;
  height: 150px;
}
.pay-steps.withdraw .step-cir .icon {
  position: static;
  width: 48px;
  height: 48px;
  margin: 0;
  margin-top: 1rem;
}
.pay-steps.withdraw .step-cir .summ {
  margin-top: 0.8rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.pay-steps.withdraw .step-cir .bonus-summ {
  font-size: 0.688rem;
}
.pay-steps.withdraw .step-cir.disabled {
  border-color: #9f9f9f;
  color: #9f9f9f;
}
.pay-steps.withdraw .label {
  white-space: nowrap;
}
.step-cir {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #52C870;
  position: relative;
  z-index: 1;
  color: #52C870;
  margin: 0 auto 8px;
}
.step-cir.active {
  background-color: #52C870;
  color: #fff;
}
.step-cir .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
.widget-conveyor {
  flex-direction: column;
  align-items: stretch!important;
  padding-top: 84px;
}
.widget-conveyor .belt {
  padding: 10px 0;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  padding-left: 2rem;
  white-space: nowrap;
  min-height: 75px;
}
.widget-conveyor .belt:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 150px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #fff 51%);
  z-index: 2;
}
.widget-conveyor .belt .no-results {
  background-color: #f2f2f2;
  padding: 10px 20px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.widget-conveyor .belt .play-pause {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  text-align: center;
  right: 40px;
  z-index: 2;
  cursor: pointer;
}
.widget-conveyor .belt .play-pause .play,
.widget-conveyor .belt .play-pause .pause {
  display: none;
}
.widget-conveyor .belt .play-pause.state-play .play {
  display: block;
}
.widget-conveyor .belt .play-pause.state-pause .pause {
  display: block;
}
.widget-conveyor .belt .play-pause .play {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-left: 22px solid #477ed2;
  border-bottom: 12px solid transparent;
}
.widget-conveyor .belt .play-pause .pause:before,
.widget-conveyor .belt .play-pause .pause:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 24px;
  background: #52C870;
  margin: 0 2px;
  border-radius: 2px;
}
.widget-conveyor .captcha,
.your-captchas .captcha {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  z-index: 1;
  border: 1px solid #ccc;
  vertical-align: middle;
  transition: margin-left 0.3s;
  max-width: 110px;
}
.widget-conveyor .captcha.active,
.your-captchas .captcha.active {
  box-shadow: 0 0 0 1px #52C870;
  border-color: #52C870;
}
.widget-conveyor .captcha img,
.your-captchas .captcha img {
  height: 36px;
  vertical-align: middle;
}
.widget-conveyor .captcha .img-placeholder,
.your-captchas .captcha .img-placeholder {
  background-color: #fff;
  width: 100px;
  height: 50px;
  display: block;
  background-repeat: no-repeat;
  background-position: 50%;
}
.widget-conveyor .captcha.audio .img-placeholder,
.your-captchas .captcha.audio .img-placeholder {
  background-image: url(/images/icon-audio.svg);
}
.widget-conveyor .captcha.recaptcha .img-placeholder,
.your-captchas .captcha.recaptcha .img-placeholder {
  background-size: contain;
}
.widget-conveyor .captcha.recaptcha.solving .img-placeholder,
.your-captchas .captcha.recaptcha.solving .img-placeholder {
  background-image: url(/images/recaptcha-processing.gif);
}
.widget-conveyor .captcha.recaptcha.solved .img-placeholder,
.your-captchas .captcha.recaptcha.solved .img-placeholder {
  background-image: url(/images/recaptcha-ready.gif);
}
.widget-conveyor .captcha.recaptcha.error .img-placeholder,
.your-captchas .captcha.recaptcha.error .img-placeholder {
  background-image: url(/images/recaptcha-error.png);
}
.widget-conveyor .captcha.gridcaptcha .img-placeholder,
.your-captchas .captcha.gridcaptcha .img-placeholder {
  background-size: 36px;
}
.widget-conveyor .captcha.gridcaptcha.solving .img-placeholder,
.your-captchas .captcha.gridcaptcha.solving .img-placeholder {
  background-image: url(/images/gridcaptcha-solving.gif);
}
.widget-conveyor .captcha.gridcaptcha.solved .img-placeholder,
.your-captchas .captcha.gridcaptcha.solved .img-placeholder {
  background-image: url(/images/gridcaptcha-solved.gif);
}
.widget-conveyor .captcha.funcaptcha .img-placeholder,
.your-captchas .captcha.funcaptcha .img-placeholder,
.widget-conveyor .captcha.geetest .img-placeholder,
.your-captchas .captcha.geetest .img-placeholder,
.widget-conveyor .captcha.v3 .img-placeholder,
.your-captchas .captcha.v3 .img-placeholder {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-conveyor .captcha.funcaptcha.solving .img-placeholder img,
.your-captchas .captcha.funcaptcha.solving .img-placeholder img {
  animation: funcaptchaSolving 2s infinite;
}
.widget-conveyor .captcha.geetest .img-placeholder,
.your-captchas .captcha.geetest .img-placeholder {
  position: relative;
  background: url(/images/geetest-inset.png) no-repeat 50% 50%;
  background-size: 36px;
}
.widget-conveyor .captcha.geetest.solving .img-placeholder img,
.your-captchas .captcha.geetest.solving .img-placeholder img {
  animation: geetestSolving 1s alternate infinite;
}
.widget-conveyor .captcha.geetest.solved .img-placeholder:before,
.your-captchas .captcha.geetest.solved .img-placeholder:before {
  content: '';
  width: 14px;
  height: 14px;
  background: url(/images/icon-check.png) no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-29%, -68%);
}
.widget-conveyor .captcha.v3 .v3-icon img,
.your-captchas .captcha.v3 .v3-icon img {
  width: 24px;
  height: 24px;
}
.widget-conveyor .captcha.v3.solving .v3-icon,
.your-captchas .captcha.v3.solving .v3-icon {
  animation: rotateClockwise 1s linear infinite;
}
.widget-conveyor .captcha.v3.solved .v3-icon,
.your-captchas .captcha.v3.solved .v3-icon {
  position: relative;
  z-index: 1;
}
.widget-conveyor .captcha.v3.solved .v3-icon:after,
.your-captchas .captcha.v3.solved .v3-icon:after {
  content: '';
  width: 14px;
  height: 14px;
  background: url(/images/check-green-cir.png);
  background-size: contain;
  position: absolute;
  left: 5px;
  top: 5px;
}
.widget-conveyor .captcha.v3 .v3-text,
.your-captchas .captcha.v3 .v3-text {
  color: #AAAAAA;
  margin-left: 4px;
}
.widget-conveyor .captcha .solved-text,
.your-captchas .captcha .solved-text {
  display: block;
  font-size: 0.688rem;
  min-height: 10px;
  text-align: center;
}
.widget-conveyor .captcha .solved-text.solving,
.your-captchas .captcha .solved-text.solving {
  background: url(/images/ellipsis.gif) no-repeat 50%;
}
.your-captchas .captcha {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.state-play .play {
  display: block;
}
.state-pause .pause {
  display: block;
}
.play {
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 12px solid transparent;
  border-left: 22px solid currentColor;
  border-bottom: 12px solid transparent;
  display: none;
}
.pause {
  width: 24px;
  height: 24px;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.pause:before,
.pause:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 24px;
  border-radius: 2px;
  background-color: currentColor;
}
.pause:before {
  margin: 0 2px 0 1px;
}
.pause:after {
  margin: 0 1px 0 2px;
}
.widget-demo {
  height: 100%;
  position: relative;
  z-index: 1;
}
.widget-demo .close {
  background-image: url(/images/icon-cross-white.png);
}
.widget-demo:hover .move {
  display: block;
}
.widget-demo .btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  min-height: 200px;
}
.captcha-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  border-top: 2px solid #52C870;
  z-index: 1;
}
.captcha-info .process {
  width: 142px;
  flex-grow: 1;
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 20px 0;
}
.captcha-info .process.status-done {
  overflow: hidden;
}
.captcha-info .process .processing,
.captcha-info .process .done {
  display: none;
}
.captcha-info .process.status-processing .processing {
  display: block;
}
.captcha-info .process.status-done .done {
  display: block;
}
.captcha-info .process .processing {
  position: relative;
  padding: 20px 0;
}
.captcha-info .process .processing svg {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  left: 50%;
  margin-left: -32px;
}
.captcha-info .process .done {
  color: #52C870;
}
.captcha-info .process .done img {
  display: block;
  margin: 0 auto 10px;
}
.captcha-info .process .done .icon {
  width: 32px;
  height: 32px;
}
.captcha-info .process .done .solved-text {
  padding-top: 16px;
}
.captcha-info .process .solve-loader-base {
  fill: #e2e2e2;
}
.captcha-info .process .solve-loader {
  fill: #52C870;
}
.captcha-info .process .solve-loader rect {
  opacity: 0;
}
.captcha-info .info {
  margin-top: 20px;
  flex-grow: 1;
}
.captcha-info .info .meta,
.captcha-info .info .cflags {
  overflow: hidden;
  max-width: 560px;
}
.captcha-info .info .col {
  float: left;
  width: 170px;
  padding-bottom: 1rem;
  text-align: left;
  padding-right: 0;
}
.captcha-info .info .col.comment {
  width: auto;
}
.captcha-info .info .key {
  font-size: 1.125rem;
  font-weight: 700;
  color: #979797;
  line-height: 1;
  padding-right: 2px;
}
.captcha-info .info .key img {
  opacity: 0.5;
}
.captcha-info .info .cflags {
  color: #979797;
}
.captcha-info .info .cflags svg {
  width: 20px;
  height: 20px;
  border: 2px solid currentColor;
  border-radius: 50%;
  padding: 3px;
  fill: #fff;
}
.captcha-info .info .cflags .active * {
  color: #000;
}
.captcha-info .info .cflags .active svg {
  fill: currentColor;
}
.captcha-info .info .cflags:last-child {
  max-width: none;
}
.captcha-info .info .captcha-comment {
  text-align: center;
  padding-bottom: 25px;
}
.captcha-info .info .captcha-comment .inner {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding-left: 3rem;
  margin-top: 7px;
  font-style: italic;
  opacity: 0.5;
}
.captcha-info .info .captcha-comment .inner:before {
  content: url(/images/icon-speech-bubble2.svg);
  position: absolute;
  left: 1rem;
}
.no-data {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  min-height: 300px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.375rem;
  color: #696969;
}
.no-data img {
  opacity: 0.5;
  margin-bottom: 10px;
}
.news .subject {
  font-size: 1.375rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.news .record {
  margin: 40px 0;
}
.news .record:first-child {
  margin-top: 0;
}
.news .record .date {
  padding-left: 20px;
  font-size: 0.875rem;
  font-weight: bold;
}
.news .record .text {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  margin-top: 8px;
  padding: 15px 20px;
}
.your-captchas .newcaptchas {
  text-align: center;
}
.your-captchas .newcaptchas span {
  padding: 0.5rem 1rem;
  border: 1px solid #9fe1b0;
  background-color: #edf9f0;
  margin-bottom: 8px;
  vertical-align: middle;
}
.your-captchas .newcaptchas .btn {
  margin-left: 10px;
}
.your-captchas .captcha-info .close {
  background-image: url(/images/icon-cross.png);
  z-index: 2;
}
.your-captchas .col-filters {
  width: 280px;
}
.your-captchas .captcha-info {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  border-top: 0;
}
.your-captchas .filters {
  margin: -30px -30px 30px;
  padding: 1rem 1rem 0;
  background-color: rgba(71, 126, 210, 0.13);
  position: relative;
  z-index: 2;
}
.your-captchas .filters > * {
  padding-bottom: 1rem !important;
}
.your-captchas .filters .controls {
  position: absolute;
  visibility: hidden;
  padding: 1rem 2rem;
  z-index: -2;
  background-color: #c8cfdb;
  margin-left: -2rem;
  opacity: 0;
  top: 100%;
  transition: opacity 0.2s, visibility 0.2s;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.your-captchas .filters .controls > div:last-child {
  margin-left: 10px;
}
.your-captchas .filters .controls.active {
  visibility: visible;
  opacity: 1;
}
.your-captchas .filters .title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.your-captchas .filters .title > *:first-child {
  margin-right: 10px;
}
.your-captchas .filters .title:hover .name {
  opacity: 1;
}
.your-captchas .filters .name {
  opacity: 0.7;
}
.your-captchas .filters .params {
  font-size: 0.875rem;
  opacity: 0.6;
}
.your-captchas .filters .col-filter-time .controls {
  max-width: 300px;
}
@keyframes funcaptchaSolving {
  0% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(360deg);
  }
  60% {
    transform: rotate(15deg);
  }
  80% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes geetestSolving {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes rotateClockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pay-msg-box {
  background-color: #ebedf0;
  max-width: 640px;
  height: 454px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.pay-msg-box .pay-msg {
  margin-left: auto;
  padding: 0 2rem;
  padding-left: 4rem;
  width: 60%;
  text-align: center;
}
.pay-msg-box .pay-msg .title {
  font-size: 34px;
  padding: 1rem 0;
}
.pay-msg-box.pay-success:before {
  content: '';
  position: absolute;
  width: 262px;
  height: 430px;
  background: url(/images/hero-thumbs.png) no-repeat 50%;
  left: 30px;
  bottom: 20px;
}
.pay-msg-box.pay-fail:before {
  content: '';
  display: block;
  width: 174px;
  height: 174px;
  background: url(/images/pay-fail.png) no-repeat 50%;
  margin-left: 80px;
}
.currencies {
  text-align: center;
}
.currencies .col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}
.currencies .col.active .item {
  background: #52C870;
  border-color: #52C870;
  color: #fff;
}
.currencies .item {
  padding: 0.5rem;
  background-color: #edf9f0;
  border: 1px solid #9fe1b0;
}
.currencies .summ {
  font-size: 1.25rem;
  font-weight: bold;
  white-space: nowrap;
}
.gauge {
  width: 102px;
  height: 84px;
  position: relative;
  z-index: 1;
  background-size: contain;
  background-image: url(/images/gauge-gradient.png);
  background-repeat: no-repeat;
  /*&:before {
        content: '';
        position: absolute;
        border-radius: 50%;
        left: 0;
        right: 0;
        padding-top: ~"calc(100% - 4px)";
        border: 2px solid @primaryColor;

    }*/
  /*&:after {
        content: '';
        position: absolute;
        background-color: #fff;
        left: 0;
        right: 0;
        bottom: -18px;
        height: 18px;
    }*/
}
.gauge .pointer {
  width: 50px;
  height: 50px;
  background-color: #52C870;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  top: 26px;
  left: 50%;
  margin-left: -25px;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
}
.gauge .pointer i {
  position: absolute;
  width: 64px;
  height: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -32px;
  background: url(/images/gauge-pointer.svg);
  transition: transform 0.3s;
}
.card-add-new {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 200px;
  font-size: 1.5rem;
  color: #a0a0a0;
  text-shadow: 0 1px 0 #fff;
  border: 3px dashed #ccc;
  cursor: pointer;
  border-radius: 10px;
  text-align: center;
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
  position: relative;
  z-index: 1;
}
.card-add-new:hover {
  background: #fff;
  border-color: transparent;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.29);
}
.card-add-new .title {
  margin-top: 1rem;
}
.card-add-new .badge-new {
  right: -3px;
  top: 20px;
}
.widget-uploads .icon {
  color: #52C870;
  width: 48px;
  height: 48px;
}
.widget-uploads .value {
  font-size: 1.125rem;
  margin-top: 0.5rem;
}
.widget-uploads .btn-group {
  margin-top: 0.5rem;
}
.widget-battery {
  justify-content: center;
}
.widget-battery .btn {
  min-width: 160px;
}
.quick-stats {
  text-align: center;
}
.quick-stats .icon {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.quick-stats .card-blue {
  padding: 1rem 0;
  min-height: 147px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.quick-stats .title {
  margin: 0.5rem 0;
  font-size: 0.875rem;
}
.quick-stats .value {
  font-size: 1.25rem;
  font-weight: bold;
}
.quick-access .col {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.quick-access .btn {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.quick-access .btn .icon {
  margin-right: 0;
}
.quick-access .btn .btn-text {
  font-size: 0.875rem;
  display: block;
  font-weight: 400;
  margin-top: 0.5rem;
}
.quick-access .badge-new {
  right: -1px;
}
.professions-list > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
  z-index: 1;
}
.profession {
  padding: 1rem;
  text-align: center;
  flex-grow: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.profession:hover .close {
  display: block;
}
.profession .title {
  font-size: 1.125rem;
}
.profession .close {
  right: 10px;
  top: 9px;
  display: none;
}
.profession .close svg {
  width: 16px;
  height: 16px;
}
.profession .key-value {
  display: inline-block;
  text-align: left;
  font-size: 0.875rem;
  margin: 1rem 0;
}
.profession .key-value li {
  margin-top: 6px;
}
.profession .key-value li:first-child {
  margin-top: 0;
}
.profession .key {
  width: 148px;
  padding-right: 0.5rem;
}
.profession .foot {
  width: 100%;
  margin-top: auto;
  text-align: left;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profession .foot label {
  margin-left: 0.5rem;
}
.profession .foot .btn-settings {
  margin-left: auto;
  cursor: pointer;
}
.mobile-timer {
  display: none;
}
.progressbar {
  background-color: #aab5c7;
  border-radius: 100px;
  height: 16px;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
}
.progressbar:before {
  content: attr(title);
  position: absolute;
  font-size: 0.625rem;
  color: #fff;
  left: 0.5rem;
  top: 50%;
  margin-top: -7px;
}
.progressbar .progress {
  transition: width 0.3s;
  background-color: #52C870;
  border-radius: 100px;
  height: 100%;
}
.mode-work .header {
  height: 0;
  top: -70px;
  transition: top 0.3s, height 0.3s;
}
.mode-work .sidebar {
  width: 0;
  flex-basis: 0;
  overflow: hidden;
  transition: flex-basis 0.3s, width 0.3s;
  height: 0;
}
.mode-work .side-main {
  padding: 30px;
  transition: padding-top 0.3s;
}
.mode-work .side-main .main-content {
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.work-wrap {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.mode-work-off .side-main {
  padding-top: 0;
}
.mode-work-off .header {
  height: 70px;
  top: 0;
}
.mode-work-off .sidebar {
  flex-basis: 250px;
  width: 250px;
}
.work-header {
  background-color: #D6DEEC;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
  z-index: 4;
  flex-basis: 52px;
  flex-shrink: 0;
}
.work-header .colw-name {
  width: 300px;
  flex-basis: 300px;
  font-size: 1.25rem;
  color: #727274;
}
.work-header .colw-pause,
.work-header .colw-settings {
  color: #A4B1C5;
  cursor: pointer;
}
.work-header .colw-pause.active,
.work-header .colw-settings.active {
  background-color: #C2CCDD;
}
.work-header .colw-rate {
  flex-flow: column;
  justify-content: center;
  font-size: 0.875rem;
  align-items: flex-start;
}
.work-header .colw-rate .title {
  color: #7E8DA2;
}
.work-header .colw-timer,
.work-header .colw-timer .progressbar {
  flex-grow: 1;
}
.work-header .colw-timer .progressbar {
  margin-left: 1rem;
  height: 10px;
}
.work-header .colw-close .icon {
  width: 20px;
  height: 20px;
  color: #A4B1C5;
  cursor: pointer;
  display: block;
}
.work-header > div {
  height: 52px;
  padding: 0 1rem;
  border: 1px solid #C2CCDD;
  border-width: 0 1px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.work-header > div:first-child {
  border-left: 0;
}
.work-header > div:last-child {
  border-right: 0;
}
.work-settings {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: 3;
  background-color: #C2CCDD;
  opacity: 0;
  transition: visibility 0.2s, top 0.2s, opacity 0.2s;
}
.work-settings > * {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem 0;
}
.work-settings.active {
  opacity: 1;
  visibility: visible;
  top: 52px;
}
.work-settings .opt {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 1rem;
  margin: 0.5rem 0;
}
.work-settings .opt > *:first-child {
  margin-right: 0.5rem;
}
.work-settings-captchas,
.work-settings-factory {
  border-top: 1px solid rgba(255, 255, 255, 0.38);
}
.work-settings-title {
  margin-left: auto;
  padding-right: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.4;
}
.opt-scale .btn-group {
  border: 2px solid #667385;
  border-radius: 3px;
}
.opt-scale .btn-group .btn {
  padding: 5px 10px;
  box-shadow: none;
  background: none;
}
.opt-scale .btn-group .btn:hover {
  background-color: rgba(255, 255, 255, 0.27);
}
.opt-scale .btn-group .btn:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
.opt-scale .btn-group .btn:first-child {
  border-right: 2px solid #667385;
}
.opt-scale .btn-group .btn:after {
  display: none;
}
.bell {
  width: 24px;
  height: 24px;
  background: url(/images/bell-sprite.png) no-repeat;
  cursor: pointer;
}
.bell.off {
  background-position: 0 -24px;
}
.theme-select {
  letter-spacing: 4px;
}
.theme-select > * {
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #667385;
  background-repeat: no-repeat;
  background-position: 50%;
}
.theme-select > *.active {
  background-image: url(/images/icon-check-dark.png);
}
.theme-select .theme-white {
  background-color: #fff;
}
.theme-select .theme-gray {
  background-color: #BFBFBF;
}
.theme-select .theme-dark {
  background-color: #303842;
}
.theme-gray {
  background-color: #a2a4a7 !important;
  background-color: #a2a4a7;
}
.theme-gray .steps-sidebar {
  background-color: #a2a4a7;
}
.theme-gray .steps-sidebar .step .number {
  color: #7b7b7b;
}
.theme-gray .steps-sidebar .step .desc {
  border-color: #888;
  color: #7b7b7b;
}
.theme-gray .steps-sidebar .step .desc:after {
  background-position: -18px 0;
}
.theme-gray .colm-bracket {
  color: #949494;
}
.theme-gray .colm-avarage {
  color: #676767;
}
.theme-gray .solving-avarage .avg-time {
  color: #acc300;
}
.theme-gray .step-loading .desc,
.theme-gray .step-loading .loader {
  color: #000;
}
.theme-gray .parameter.active {
  background-color: #004f0a !important;
}
.theme-gray .parameter.error {
  background-color: #b54040 !important;
}
.theme-dark {
  background-color: #1c2732 !important;
}
.theme-dark .recaptcha-opts {
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .recaptcha-opts .btn-default {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}
.theme-dark .solving-time .title {
  color: #5580ad;
}
.theme-dark .colm-bracket {
  color: #353a42;
}
.theme-dark .solving-avarage .avg-time {
  color: #acc300;
}
.theme-dark .step-loading .title {
  color: #fff;
}
.theme-dark .steps-sidebar {
  background-color: #1c2732;
  border-right-color: #2d3f52;
}
.theme-dark .steps-sidebar + .work-area {
  border-left-color: #2d3f52;
}
.theme-dark .steps-sidebar .head .icon {
  color: #4c5c6c;
}
.theme-dark .steps-sidebar .step .number {
  color: #4c5c6c;
}
.theme-dark .steps-sidebar .step .desc {
  border-color: #303a44;
  color: #4c5c6c;
}
.theme-dark .steps-sidebar .step .desc:after {
  background-position: -36px 0;
}
.theme-dark .parameter.active {
  background-color: #004f0a !important;
}
.theme-dark .parameter.possible-error {
  background-color: #82a516 !important;
}
.theme-dark .parameter.error {
  background-color: #860000 !important;
}
.theme-dark .parameter {
  color: rgba(255, 255, 255, 0.34);
}
.theme-dark .captcha-solver .btn {
  background-color: #2d3c4b;
  color: #fff;
}
.theme-dark .captcha-solver .btn sup {
  color: rgba(255, 255, 255, 0.44);
}
.theme-dark .captcha-solver .input-wrap input {
  border-color: #000;
  background-color: #000;
  color: #fff;
}
.theme-dark .card-white.form.zebra {
  background-color: #303a44;
  color: #fff;
}
.work-area-wrap {
  flex-grow: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.work-area-wrap > .step-loading {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.work-area-wrap > .step-loading.active {
  opacity: 1;
  visibility: visible;
}
.work-area-wrap > .step-loading.active + .work-area .captcha-solver {
  opacity: 0.35;
}
.work-area {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  overflow: auto;
  justify-content: center;
  flex-grow: 1;
  position: relative;
  z-index: 1;
  padding: 2rem 0;
}
.steps-sidebar + .work-area {
  border-left: 1px solid #C2CCDD;
}
.solving-time {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 30px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding-top: 30px;
}
.solving-time .title {
  position: absolute;
  top: 0;
  font-weight: bold;
}
.colm-solving-graphs {
  width: 10%;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.colm-solving-graphs:hover {
  opacity: 1;
}
.colm-solving-graphs .progressbar {
  margin-top: 5px;
  background: none;
}
.colm-solving-graphs .progressbar:first-child {
  margin-top: 0;
}
.colm-bracket {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  color: #ccc;
}
.colm-bracket .bracket-top {
  flex: 1;
  width: 18px;
  border: 2px solid currentColor;
  border-width: 2px 2px 0 0;
  border-radius: 0 10px 0 0;
}
.colm-bracket .bracket-bottom {
  flex: 1;
  width: 18px;
  border: 2px solid currentColor;
  border-width: 0 2px 2px 0;
  border-radius: 0 0 10px 0;
}
.colm-bracket .bracket-center {
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-width: 0 2px 2px 0;
  transform: translateX(12px) rotate(-45deg);
}
.colm-avarage {
  padding-left: 15px;
  color: #868686;
  font-size: 13px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 170px;
}
.colm-avarage .avg-time {
  font-size: 44px;
  font-weight: bold;
  color: #97AB01;
}
.colm-avarage .solving-avarage span {
  text-transform: uppercase;
  display: block;
  margin-top: -10px;
  font-size: 16px;
}
.colm-avarage .recommended-actions {
  margin-top: 20px;
}
.colm-avarage .recommended-actions a {
  color: currentColor;
}
.colm-avarage .recommended-actions ul {
  padding-left: 18px;
}
.colm-avarage .recommended-actions li {
  list-style: disc;
  margin: 6px 0;
}
.recaptcha-opts {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 40px;
  width: 20%;
}
.recaptcha-opts .opt-row {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0;
}
.recaptcha-opts .btn-default {
  border: none;
  background-color: #D8D8D8;
  display: block;
  width: 100%;
  box-shadow: none;
}
.recaptcha-opts .btn-default:hover {
  background-color: #cbcbcb;
}
.recaptcha-opts .card-white {
  padding: 16px;
}
.recaptcha-opts .card-white .title {
  text-align: center;
  font-size: 14px;
  color: #52C870;
}
.recaptcha-opts .card-white p {
  font-size: 12px;
}
.user-msg {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  color: #fff;
  text-align: center;
  padding: 0.5em 0;
  background-color: #BF1935;
  transition: top 0.2s, visibility 0.2s, opacity 0.2s;
  transition-delay: 0.5s;
}
.user-msg.active {
  visibility: visible;
  top: 52px;
  opacity: 1;
}
.user-msg.gap-left {
  margin-left: 301px;
}
.oldsolver {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
}
.oldsolver .row-solver {
  flex: 1;
  display: flex;
}
.recaptcha-square {
  flex: 1;
  border: 1px solid #fff;
  cursor: pointer;
}
.recaptcha-square:hover {
  background-color: rgba(97, 138, 228, 0.75);
}
.recaptcha-square.active {
  background-color: rgba(255, 255, 255, 0.65);
  background-image: url(/images/icon-check-primary.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.captcha-solver {
  position: relative;
  z-index: 2;
  transition: opacity 0.2s;
  max-width: 634px;
  margin: auto;
}
.captcha-solver .comment-row {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  color: #d12243;
  margin-bottom: 1rem;
}
.captcha-solver .params-row {
  margin-bottom: 8px;
}
.captcha-solver .params-row:after {
  content: '';
  display: block;
  clear: both;
}
.captcha-solver .params-row .params {
  float: left;
  text-align: center;
}
.captcha-solver .params-row .params:first-child,
.captcha-solver .params-row .params:last-child {
  width: 152px;
}
.captcha-solver .params-row .params:first-child {
  padding-right: 8px;
}
.captcha-solver .params-row .params:last-child {
  padding-left: 8px;
}
.captcha-solver .params-row .params .parameter {
  height: 83px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.captcha-solver .params-row .params .parameter:first-child {
  margin-bottom: 0.5rem;
}
.captcha-solver .params-row .params .parameter.active {
  border-radius: 3px;
  color: #fff;
  background-color: #77B433;
}
.captcha-solver .params-row .params .parameter.possible-error {
  border-radius: 3px;
  color: #fff;
  background-color: #97c95e;
}
.captcha-solver .params-row .params .parameter.error {
  border-radius: 3px;
  color: #fff;
  background-color: #d67070;
}
.captcha-solver .captcha-wrap {
  width: 330px;
  border: 2px solid #6A6A6A;
}
.captcha-solver .captcha-wrap .captcha-image {
  height: 170px;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.captcha-solver .input-row > * {
  float: left;
}
.captcha-solver .btn {
  background-color: #D9D9D9;
  position: relative;
  z-index: 1;
  padding: 0;
  height: 50px;
  width: 144px;
}
.captcha-solver .btn sup {
  position: absolute;
  font-size: 0.625rem;
  color: rgba(0, 0, 0, 0.25);
  font-weight: bold;
  right: 4px;
  top: 2px;
}
.captcha-solver .input-wrap {
  width: 330px;
  margin: 0 0.5rem;
  position: relative;
  z-index: 2;
}
.captcha-solver .input-wrap input {
  height: 50px;
  display: block;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5rem;
  border: 1px solid #6A6A6A;
  box-shadow: inset 0 0 0 1px #6A6A6A;
}
.work-footer {
  background-color: #DBDCDF;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding: 3px 0 7px;
}
.work-footer > * {
  padding-left: 2rem;
}
.work-footer > *:first-child {
  padding-left: 0;
}
.work-footer .title {
  font-size: 0.875rem;
  color: #727274;
  margin-bottom: 0.5em;
}
.work-footer .value {
  font-size: 1.25rem;
  line-height: 0.7;
}
.work-footer .value small {
  font-size: 0.875rem;
}
.work-footer .item.disabled {
  position: relative;
}
.work-footer .item.disabled .title {
  opacity: 0.3;
}
.work-footer .item.disabled .progressbar {
  opacity: 0.3;
}
.work-footer .disabled-text {
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}
.steps-sidebar {
  width: 300px;
  border-right: 1px solid #C2CCDD;
  align-self: stretch;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: column;
}
.steps-sidebar .head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0.5rem;
}
.steps-sidebar .head .icon {
  color: #C8C8C8;
}
.steps-sidebar .head .icon.active {
  color: #52C870;
}
.steps-wrap {
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.steps {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.steps .step {
  position: relative;
  z-index: 1;
  top: 1px;
  margin-top: -1px;
}
.steps .step.for-client .desc:after {
  transform: scaleX(-1);
  left: -18px;
}
.steps .step.active {
  z-index: 2;
}
.steps .step.active .desc {
  background-color: #52C870;
  border-color: #52C870;
  color: #fff;
}
.steps .step.active .desc:after {
  background-position: -54px 0;
}
.steps .step.active .number {
  color: #52C870;
  font-weight: bold;
}
.steps .step .desc {
  color: #bcbcbc;
  border: 1px solid #D0D0D0;
  border-right: 0;
  margin: 0 1.5rem;
  min-height: 48px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  font-size: 0.813rem;
  padding: 0 0.75rem;
  position: relative;
  z-index: 1;
}
.steps .step .desc:after {
  content: '';
  width: 18px;
  top: 0;
  bottom: 0;
  position: absolute;
  top: -1px;
  right: -18px;
  background-image: url(/images/steps-sprite.png);
}
.steps .step .number {
  position: absolute;
  z-index: 3;
  color: #D0D0D0;
  font-size: 0.625rem;
  width: 1.5rem;
  text-align: center;
  top: 50%;
  margin-top: -7px;
}
.step-action {
  flex-grow: 1;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  max-width: 600px;
  padding-bottom: 2rem;
  margin-top: auto;
  margin-bottom: auto;
}
.step-action > .title {
  font-size: 1.5rem;
  padding: 2rem 0;
  text-align: center;
}
.step-action .df > *:last-child {
  padding-left: 1rem;
}
.step-loading {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}
.step-loading .title {
  font-size: 1.5rem;
  padding: 2rem 0;
}
.step-loading .loader {
  color: #9F9F9F;
  width: 60px;
  height: 60px;
  margin-bottom: 0.5rem;
}
.step-loading .loader {
  animation: loaderRotate 1s linear infinite;
}
.step-loading .desc {
  color: #9F9F9F;
}
.step-loopback {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  flex-grow: 1;
  max-width: 460px;
  text-align: center;
  padding: 2rem 0;
  margin-top: auto;
  margin-bottom: auto;
}
.step-loopback .title {
  font-size: 1.5rem;
  padding: 1rem 0;
  color: #477ED2;
}
.step-loopback .desc {
  color: #9F9F9F;
}
.invite-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.invite-wrap .hdg1 {
  font-size: 1.125rem;
}
.invite-wrap .wlimit-faq {
  padding: 2rem 0;
  font-size: 0.875rem;
}
.invite-wrap .wlimit-faq p {
  margin: 0.5rem 0;
}
.invite-wrap .wlimit-faq .list + .list {
  margin-top: 1.5rem;
}
.invite-wrap .list li {
  margin-top: 1.5rem;
}
.story-block {
  margin-bottom: 60px;
}
.right-wrong {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-top: 16px;
}
.right-wrong .title {
  padding: 4px 0;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  color: #fff;
}
.right-wrong .right {
  flex-basis: 40%;
  width: 40%;
  max-width: 430px;
  margin-right: 30px;
}
.right-wrong .right .right-img {
  position: relative;
  z-index: 1;
}
.right-wrong .right .right-desc {
  margin-top: 8px;
}
.right-wrong .right .right-desc strong {
  color: #33B512;
}
.right-wrong .right .title {
  background-color: #33B512;
  margin-bottom: 30px;
}
.right-wrong .right img {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  max-width: 100%;
}
.right-wrong .right svg {
  width: 44px;
  height: 44px;
  color: #33B512;
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.wrong {
  flex: 1;
  text-align: center;
  color: #EC236A;
}
.wrong .title {
  background-color: #EC236A;
}
.wrong .col {
  padding-top: 30px;
  padding-bottom: 0;
}
.wrong .wrong-img {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.wrong .wrong-img svg {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  color: #EC236A;
}
.card-upload {
  margin-top: 24px;
  padding: 30px;
}
.upload-slots {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.upload-slots .text-red {
  font-size: 11px;
  margin-top: 4px;
  text-align: center;
}
.upload-slots .slot {
  margin-right: 30px;
  position: relative;
  z-index: 1;
  max-width: 25%;
  margin-top: 30px;
}
.upload-slots .delete {
  position: absolute;
  background: #fff;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid red;
  top: -12px;
  right: -12px;
  cursor: pointer;
}
.upload-slots .delete:hover {
  background-color: red;
}
.upload-slots .delete:hover svg {
  color: #fff;
}
.upload-slots .delete svg {
  width: 14px;
  height: 14px;
  color: red;
}
.upload-slots .uploaded-img {
  width: 160px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.upload-slots .uploaded-img img {
  min-width: 100%;
  max-width: 100%;
  border-radius: 4px;
  vertical-align: middle;
}
.uploading-img {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 160px;
  height: 100%;
  background-color: #FAFAFA;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.uploading-img .progressbar-single {
  width: 100px;
}
.story-desc {
  margin-top: 16px;
}
.story-desc textarea {
  display: block;
  width: 100%;
  margin: 8px 0;
}
.list-bull {
  padding-left: 20px;
}
.list-bull li {
  list-style: disc;
}
.submit-story {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 30px;
  margin-top: 60px;
}
.submit-story .form {
  flex: 1px;
  padding-right: 30px;
}
.submit-story .form-row > label {
  display: block;
}
.submit-story > .desc {
  flex: 1px;
}
.submit-story .hdg1 {
  margin-top: 30px;
}
.submit-story .hdg1:first-child {
  margin-top: 0;
}
.story-gallery {
  overflow: hidden;
  height: calc(100vh - 208px);
  max-height: 720px;
  position: relative;
  z-index: 1;
}
.story-gallery .controls .goleft,
.story-gallery .controls .goright {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -70px;
  cursor: pointer;
}
.story-gallery .controls .goleft {
  left: 2rem;
}
.story-gallery .controls .goright {
  right: 2rem;
  transform: scaleX(-1);
}
.story-gallery .slides {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.story-gallery .slides .slide {
  overflow: hidden;
  height: 100%;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  flex: 1 0 100%;
}
.story-gallery .slides .slide .img {
  flex-grow: 1;
  position: relative;
}
.story-gallery .slides .slide .img img {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  max-height: 100%;
}
.story-gallery .slides .slide .imgdesc {
  padding: 1rem 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.story-text {
  min-height: 110px;
}
.story-text .wlimit {
  max-width: 800px;
  padding: 2rem 2rem 3rem;
  font-size: 1.25rem;
  line-height: 1.6;
}
.download-app-row {
  background-color: #B7D4FF;
  margin-top: 2rem;
  margin-left: -30px;
  margin-right: -30px;
  padding: 1rem 0;
}
.download-app-row .desc {
  font-size: 0.75rem;
  margin-left: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.74);
}
.app-screens {
  margin-top: 2rem;
  align-items: flex-end;
}
.app-screens img {
  max-width: 100%;
  border: 1px solid #AEAEAE;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.app-screens .title {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.card-desktop {
  background-color: #fff;
  margin-top: 3rem;
  padding: 0 2rem 2rem;
}
.card-desktop .list li {
  margin-top: 1rem;
}
.card-desktop .head {
  padding: 2rem 0;
  text-align: center;
  font-size: 27px;
}
.card-desktop .body {
  max-width: 80%;
  margin: 0 auto;
  line-height: 1.5;
}
.errors-progress {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 5rem;
  height: 46px;
}
.errors-progress > * {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.errors-progress .errors-left {
  background-color: #59C666;
  border-radius: 5px 0 0 5px;
}
.errors-progress .errors-summary {
  background-color: #52C870;
  border-radius: 0 5px 5px 0;
}
.errors-progress .tooltip {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  font-size: 0.75rem;
  padding: 2px 6px;
  border-radius: 4px;
  position: relative;
  top: 60px;
  white-space: nowrap;
}
.errors-progress .tooltip:before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: -1px;
  background-color: #fff;
  transform: rotate(45deg) translateX(-50%);
}
.converted {
  position: absolute;
  margin: 8px 0 0 10px;
}
.account-errors-msg {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 9px 39px rgba(0, 0, 0, 0.07);
  padding: 1rem 2rem;
  max-width: 600px;
  margin: 3rem auto;
}
.errors-table img {
  max-width: 200px;
}
.recaptcha-checklist li {
  display: table-row;
}
.recaptcha-checklist li:first-child {
  margin-top: 0;
}
.recaptcha-checklist .key {
  display: table-cell;
  width: auto;
  padding: 0.25rem 0.5rem 0.25rem 0;
  vertical-align: middle;
  white-space: nowrap;
}
.recaptcha-checklist .value {
  vertical-align: middle;
  padding: 0.25rem 0;
  display: table-cell;
  white-space: nowrap;
}
.recaptcha-checklist .value a {
  display: inline-block;
  vertical-align: middle;
  padding-left: 4px;
}
.table-reflinks {
  margin-bottom: 1rem;
}
.table-reflinks td:first-child {
  white-space: nowrap;
}
.ref-link {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.terms {
  background-color: #d1dbeb;
  margin: -30px -30px 30px;
}
.terms > .title {
  font-size: 0.875rem;
  padding: 0.5rem;
  cursor: pointer;
}
.terms > .title:hover {
  background-color: #c3d6f3;
}
.terms > .title .icon {
  margin-right: 10px;
}
.terms > .title .arrow-top {
  display: none;
}
.terms .list li {
  transition: margin 0.2s;
}
.terms.collapsed .list li {
  margin: 0;
}
.terms.collapsed .contents {
  padding: 0 1rem;
  opacity: 0;
  visibility: hidden;
}
.terms.collapsed .contents .video iframe {
  height: 0;
  transition: height 0.2s;
}
.terms.active .icon:first-child {
  display: none;
}
.terms.active .arrow-top {
  display: block;
}
.terms.active .contents {
  line-height: 1.4;
  padding: 1rem;
  opacity: 1;
  visibility: visible;
}
.terms .contents {
  background-color: rgba(255, 255, 255, 0.34);
  line-height: 0;
  transition: line-height 0.2s, opacity 0.2s, visibility 0.2s, padding 0.2s;
}
.terms .contents li {
  display: block;
}
.terms .contents > div {
  margin: 1rem 0;
}
.terms .contents .video {
  text-align: center;
}
.terms .contents iframe {
  vertical-align: middle;
}
.kolostories-invite {
  text-align: center;
}
.kolostories-invite img {
  vertical-align: middle;
  margin-right: 5px;
  transform: translateY(-1px);
}
.kolostories-invite.active .btn {
  background-color: #EC236A;
}
.kolostories-invite .btn {
  background-color: #2B4C7E;
  color: #fff;
  margin-left: -1rem;
}
.kolostories-invite .btn:hover {
  background-color: #3863a4;
}
.feedback {
  text-align: center;
}
.feedback img {
  width: 16px;
  vertical-align: middle;
  margin-right: 5px;
  transform: translateY(-1px);
}
.feedback .btn {
  background-color: #52C870;
  font-size: 0.75rem;
  color: #fff;
  margin-left: -1rem;
}
.feedback .btn:hover {
  background-color: #3863a4;
}
.modal-feedback .thanks {
  padding: 1rem 0;
  text-align: center;
  font-size: 1.25rem;
  color: #52C870;
}
.modal-feedback .thanks img {
  margin-bottom: 1rem;
}
.terms-protesting {
  margin-bottom: 2rem;
}
.terms-protesting .toggler {
  margin-right: 1rem;
}
.merchant-links {
  margin-top: 2rem;
  text-align: center;
}
.merchant-links a {
  display: inline-block;
  margin: 0 0.5rem;
  font-size: 0.875rem;
}
.hide-sidebar .sidebar {
  position: absolute;
  right: -250px;
  width: 250px;
  transition: right 0.2s;
}
.hide-sidebar .container {
  position: relative;
  overflow: hidden;
  transition: left 0.2s;
  margin-left: auto;
  margin-right: auto;
  left: 0;
}
.hide-sidebar .container.mobmenu-opened {
  left: -220px;
  overflow: visible;
}
.hide-sidebar .container.mobmenu-opened .sidebar {
  right: -220px;
}
.hide-sidebar .side-main {
  padding-right: 30px;
}
.hide-sidebar .mobmenu {
  display: inline-block !important;
}
.widget-discounts .info-wrap {
  font-size: 0.813rem;
  display: none;
  padding: 0 1rem;
  text-align: left;
}
.widget-discounts .info-wrap.active {
  display: block;
}
.widget-discounts .info-wrap.active + .discounts-wrap {
  display: none;
}
.discounts-wrap {
  align-self: stretch;
  margin: 0 1rem;
  position: relative;
  z-index: 1;
}
.current-discount {
  position: absolute;
  top: -10px;
}
.current-discount:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  background-color: inherit;
  top: 14px;
  left: 10px;
}
.current-discount:after {
  content: '';
  position: absolute;
  height: 65px;
  border-left: 1px dashed #C7DAF5;
  top: 15px;
}
.current-discount .bulb {
  position: absolute;
  white-space: nowrap;
  background-color: #C7DAF5;
  border-radius: 3px;
  font-size: 0.688rem;
  padding: 2px 6px;
  left: -10px;
}
.current-discount .bulb.leftside {
  right: -10px;
  left: auto;
}
.discounts-row {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  color: #fff;
  align-self: stretch;
}
.discounts-row > * {
  flex-grow: 1;
  flex-basis: 0;
  padding: 20px 0;
}
.discounts-row .grade1 {
  background-color: #80A1D4;
  border-radius: 5px 0 0 5px;
}
.discounts-row .grade2 {
  background-color: #6895DA;
}
.discounts-row .grade3 {
  background-color: #5189DD;
}
.discounts-row .grade4 {
  background-color: #417EDB;
}
.discounts-row .grade5 {
  background-color: #286EDA;
}
.discounts-row .grade6 {
  background-color: #115FD8;
  border-radius: 0 5px 5px 0;
}
.discounts-row .grade-name {
  font-size: 0.813rem;
  font-weight: bold;
}
.discounts-row .grade-price {
  font-size: 0.75rem;
}
.widget-resize {
  background: url(/images/widget-resize-sprite.png);
  width: 22px;
  height: 16px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
  z-index: 10000;
}
.widget-resize.contract {
  background-position: 0 -16px;
}
.full-stats {
  position: absolute;
  bottom: 5px;
  right: 50px;
  z-index: 10000;
  display: none;
  cursor: pointer;
}
.badge-new {
  background-color: #EE1D47;
  box-shadow: 1px 1px 0 rgba(177, 0, 36, 0.25), 1px 2px 0 rgba(177, 0, 36, 0.25);
  font-size: 0.625rem;
  text-transform: uppercase;
  padding: 1px 3px;
  color: #fff;
  position: absolute;
}
.badge-new:before {
  content: '';
  position: absolute;
  width: 3px;
  right: -3px;
  top: 0;
  bottom: -3px;
  background-color: inherit;
  border-radius: 0 3px 3px 0;
}
.inline-new {
  font-size: 0.625rem;
  font-weight: bold;
  background-color: #EE1D47;
  color: #ffd4dc;
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  padding: 1px 6px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.progressbar-single {
  width: 150px;
  font-size: 0.875rem;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.15);
  padding: 0.1em 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 20px;
  text-indent: 0.5em;
}
.progressbar-single .progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 0.1em 0;
  color: #fff;
  text-indent: inherit;
  background-color: #52C870;
  background-size: 40px;
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10px, rgba(255, 255, 255, 0.1) 10px, rgba(255, 255, 255, 0.1) 20px);
  background-position: 20% 0;
  animation: moveBg 1s infinite linear;
  transition: width 2s;
  white-space: nowrap;
}
.progressbar-single.no-anim {
  background-color: #30d0d8;
  color: #fff;
}
.progressbar-single.no-anim .progress {
  background-image: none;
}
.more-text {
  font-size: 0.625rem;
  font-weight: bold;
  background-color: #dfe8ed;
  color: #829098;
  text-align: center;
  border-radius: 4px;
  padding: 0 6px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.inline-tag {
  background-color: #829fcf;
  font-size: 0.75rem;
  border-radius: 4px;
  padding: 0 0.5em;
  white-space: nowrap;
  font-weight: bold;
  color: #fff;
}
.inline-tag .delete {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 2px solid inherit;
  transform: scale(0.6);
  position: relative;
  top: -1px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
.inline-tag:hover .delete {
  background: url(/images/icon-cross-white.png);
  background-size: cover;
  transform: scale(1);
  border: none;
}
.readmore {
  display: inline-block;
  margin: 0 auto 1.5rem;
  border: 2px solid #52C870;
  border-radius: 100px;
  padding: 0.25rem 1rem;
  color: #52C870;
  opacity: 0.7;
  cursor: pointer;
  font-size: 12px;
}
.readmore:hover {
  opacity: 1;
}
.factory-state-banned,
.factory-state-approving {
  position: absolute;
  top: 0;
  bottom: 32px;
  left: 16px;
  right: 16px;
  border-radius: 5px;
  z-index: 2;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
  overflow: hidden;
}
.factory-state-banned::before,
.factory-state-approving::before {
  content: '';
  z-index: 1;
  width: 150%;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -75%;
}
.factory-state-banned .close,
.factory-state-approving .close {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 10px;
  z-index: 2;
  background-position: 50%;
  background-repeat: no-repeat;
}
.factory-state-text {
  position: relative;
  z-index: 2;
  color: #fff;
}
.factory-state-banned {
  background: rgba(228, 97, 97, 0.75);
}
.factory-state-banned::before {
  transform: rotate(45deg);
  background-color: #e1036b;
}
.factory-state-banned .factory-state-text {
  transform: rotate(45deg);
}
.factory-state-approving {
  background: rgba(97, 138, 228, 0.75);
}
.factory-state-approving::before {
  background-color: #035ce0;
}
.login-types {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.login-types .social-login,
.login-types .email-login {
  flex: 1;
  padding: 0 3rem;
}
.login-types .btn-login-fb {
  background-color: #517CC0;
  background-image: url(/images/login-facebook.png);
}
.login-types .btn-login-google {
  background-color: #DF4931;
  background-image: url(/images/login-google.png);
}
.login-types .btn-register-fb {
  background-color: #517CC0;
  background-image: url(/images/reg-facebook.png);
}
.login-types .btn-register-google {
  background-color: #DF4931;
  background-image: url(/images/reg-google.png);
}
.social-login .btn {
  background-size: cover;
  width: 178px;
  height: 42px;
  margin-bottom: 20px;
}
.social-login .btn.register {
  width: 220px;
}
.login-divider {
  width: 2px;
  color: #CBCBCB;
  background-color: currentColor;
  position: relative;
}
.login-divider:before {
  content: 'OR';
  border: 2px solid currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  padding: 4px;
  background-color: #EBEDF0;
}
.inp-icon-wrap {
  display: block;
  position: relative;
}
.inp-icon-wrap .inp-icon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  opacity: 0.3;
}
.inp-icon-wrap input {
  padding-left: 2.25rem !important;
}
.pay-to-withdraw {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pay-to-withdraw > div:first-child {
  margin-bottom: 30px;
}
.ptw-footer {
  margin-top: auto;
  text-align: center;
}
.ptw-footer .links a {
  padding: 0 0.5rem;
}
.ptw-footer .creds {
  color: #333;
  margin-top: 2rem;
}
.withdraw-rules {
  margin-top: 30px;
  max-width: 680px;
  padding: 1rem 1.5rem;
}
.withdraw-info {
  margin-top: 3rem;
  text-align: center;
}
.withdraw-info .title {
  font-size: 1.25rem;
  color: #666;
}
.withdraw-info .summ {
  font-size: 1.25rem;
  font-weight: bold;
}
.withdraw-info .commission {
  color: #3B8641;
  margin-bottom: 1rem;
}
.withdraw-info .btn {
  padding-left: 3rem;
  padding-right: 3rem;
}
.factory-card .head {
  padding: 24px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 20px;
}
.factory-card .head .title {
  padding-left: 16px;
}
.factory-card .stats {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background-color: #F7CB65;
  padding: 5px 0;
}
.factory-card .stats > span {
  flex: 1;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.factory-card .stats .icon {
  width: 16px;
  vertical-align: text-bottom;
  opacity: 0.5;
  margin-right: 4px;
}
.factory-card .stats .msg-count {
  margin-right: 4px;
}
.factory-body {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 24px 24px 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
.factory-info {
  margin-bottom: 24px;
  flex-basis: 70%;
}
.factory-info-row {
  line-height: 26px;
  margin-top: 8px;
}
.factory-info-row:first-child {
  margin-top: 0;
}
.factory-info-row sup {
  font-size: 9px;
}
.factory-info-row .title {
  color: #888;
  display: inline-block;
  width: 50%;
}
.factory-info-row .value {
  white-space: nowrap;
  display: inline-block;
  width: 45%;
}
.factory-actions {
  margin-bottom: 24px;
}
.factory-actions .btn {
  display: block;
  margin-top: 8px;
  height: 26px;
}
.factory-actions .btn:first-child {
  margin-top: 0;
}
.verification-process {
  text-align: center;
}
.verification-process .card-white {
  text-align: left;
  min-width: 300px;
  max-width: 800px;
  display: inline-block;
  margin-top: 30px;
  padding: 20px;
  color: #494A4B;
  line-height: 1.5;
  margin-bottom: 30px;
}
.verification-process .card-white strong {
  color: #000;
}
.verification-process .card-white .hdg1 {
  font-size: 18px;
}
.verification-process [class*="grid-"] {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.verification-process [class*="grid-"] p {
  text-align: left;
}
.verification-icon {
  position: relative;
  z-index: 1;
  text-align: center;
}
.verification-icon svg {
  height: 104px;
  fill: currentColor;
}
.verification-icon .hdg1 {
  margin-top: 8px;
}
.overlay-wrap {
  background: #ebedf0;
  position: absolute;
  left: 50%;
  transform: translateX(-16px);
  top: 69px;
  margin-left: 32px;
}
.clock-overlay {
  fill: currentColor;
  height: 32px !important;
  width: 32px !important;
}
.approved-names-list li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px;
  align-items: center;
}
.gmail-workout-wrap {
  margin: 0 !important;
}
.terms.collapsed .gmail-workout-wrap .gmail-workout-title {
  margin-bottom: 0;
}
.terms.collapsed .gmail-workout-wrap .ill-desc {
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.terms.collapsed .gmail-workout-wrap img {
  height: 0;
  vertical-align: middle;
}
.gmail-workout-wrap .ill-desc {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.gmail-workout-wrap .ill-desc.workout-man .desc {
  font-size: 18px;
}
.gmail-workout-wrap .ill-desc .desc {
  font-size: 20px;
}
.gmail-workout-title {
  font-size: 48px;
  color: #477DD2;
  text-align: center;
  margin-bottom: 16px;
}
.ill-desc {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin: 40px 0;
}
.ill-desc .ill {
  flex-basis: 35%;
  text-align: center;
}
.ill-desc .desc {
  flex-basis: 65%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.ill-desc .desc .number {
  font-weight: bold;
  font-size: 42px;
  color: #52C870;
  padding: 0 16px;
  margin-top: -10px;
}
.ill-desc .gap {
  width: 30px;
}
.widget-factories .slider-pages {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.widget-factories .slider-pages .page {
  cursor: pointer;
  margin: 0 4px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.35;
  border-radius: 50%;
}
.widget-factories .slider-pages .page.active {
  opacity: 1;
}
.mode-settings .factories-banners-wrap {
  display: none;
}
.mode-banners {
  overflow: hidden;
}
.mode-banners .title {
  display: none;
}
.mode-banners .factories-poll {
  display: none;
}
.factories-banners-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.factories-banners {
  transition: transform 0.7s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.factory-banner {
  flex-basis: 100%;
  min-width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.factory-banner .colm-banner-img {
  flex: 1;
  padding-right: 16px;
}
.factory-banner-img {
  max-width: 100%;
}
.factories-poll {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  text-align: left;
  align-self: stretch;
  padding: 0 16px;
  margin-top: -8px;
}
.factories-poll .colm-comments {
  flex-basis: 33.33%;
  width: 33.33%;
  margin-left: 16px;
}
.factories-poll .colm-categories {
  flex-basis: 66.66%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.factories-poll .check-wrap {
  flex-basis: 50%;
  max-width: 50%;
  margin-top: 8px;
}
.factories-poll .check-wrap .label-text {
  position: relative;
}
.factories-poll .info {
  position: relative;
  z-index: 1;
  margin-left: 4px;
  color: #ccc;
  display: inline-block;
}
.factories-poll .info:hover .tooltip {
  display: block;
}
.factories-poll .info .tooltip {
  position: absolute;
  font-size: 11px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 4px 8px;
  display: none;
  color: #000;
  width: 140px;
  z-index: 2;
  font-weight: bold;
  bottom: 20px;
}
.factories-poll .info .icon {
  width: 16px;
  height: 16px;
}
.factories-poll .colm-comments .btn {
  margin-top: 8px;
}
.btn-order-factory {
  background-color: #fff;
  border-radius: 2px;
  color: #52C870;
  max-width: 150px;
}
.btn-widget-settings {
  position: absolute;
  right: 16px;
  font-size: 10px;
  padding: 1px 8px;
  bottom: 16px;
  background-color: #fff;
  border-radius: 100px;
}
.gap {
  width: 30px;
}
.settings-2fa .step-2fa {
  border-top: 1px solid #ccc;
  padding: 30px;
  margin: 0 -30px;
}
.settings-2fa .step-2fa:first-child {
  border-top: 0;
  padding-top: 0;
}
.settings-2fa .step-2fa .inp-dft {
  max-width: 100%;
}
.settings-2fa .title {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-transform: none;
  color: #52C870;
  text-align: center;
  margin-top: 8px;
}
.qr-code {
  text-align: center;
  margin-top: 32px;
}
.qr-code .qr-img {
  position: relative;
}
.qr-code .qr-img img {
  max-width: 100%;
}
.ga-phone {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-120px);
}
.code-2fa {
  margin-top: 16px;
}
.code-2fa span {
  background-color: #D4D6D9;
  font-family: 'Exo 2', sans-serif;
  padding: 4px 12px;
  font-size: 20px;
  display: inline-block;
  margin-top: 8px;
  border-radius: 3px;
}
@keyframes moveBg {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 40px;
  }
}
.funcaptcha-explained {
  max-width: 600px;
  margin: 0 auto;
}
.row-diagram {
  display: flex;
  justify-content: center;
}
.row-diagram .rect {
  border: 2px solid #999;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}
.row-diagram .rect ol,
.row-diagram .rect li {
  list-style: decimal;
}
.row-diagram .rect .title {
  text-align: center;
  font-size: 20px;
}
.row-diagram .arrow-right {
  border: 2px solid #999;
  border-width: 1px 0;
  position: relative;
  min-width: 100px;
  margin-right: 10px;
  align-self: center;
}
.row-diagram .arrow-right:after {
  content: '\25BA';
  position: absolute;
  font-size: 20px;
  color: #999;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}
.arrow-right-left {
  margin: 0 100px;
  height: 40px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  position: relative;
  margin-bottom: 42px;
}
.arrow-right-left:before {
  content: '';
  position: absolute;
  height: 40px;
  border-left: 2px solid #999;
  bottom: -40px;
}
.arrow-right-left:after {
  content: '\25BC';
  position: absolute;
  bottom: -50px;
  color: #999;
  left: 1px;
  transform: translateX(-50%);
}
.arrow-right-center {
  margin: 0 100px 0 50%;
  height: 40px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  position: relative;
  margin-bottom: 42px;
}
.arrow-right-center:before {
  content: '';
  position: absolute;
  height: 40px;
  border-left: 2px solid #999;
  bottom: -40px;
}
.arrow-right-center:after {
  content: '\25BC';
  position: absolute;
  bottom: -50px;
  color: #999;
  left: 1px;
  transform: translateX(-50%);
}
.green {
  color: #8bd294;
}
.partner-logo {
  width: 100px;
  height: 50px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}
.finp-account-info {
  margin-top: 48px;
  font-size: 14px;
  text-align: center;
}
.finp-account-info .list {
  margin: 16px auto 24px;
  max-width: 250px;
  text-align: left;
}
.finp-account-info .key {
  color: rgba(255, 255, 255, 0.38);
}
.partner-comment {
  color: #52C870;
  cursor: pointer;
}
.partner-comment.gray {
  color: #bdbdbd;
  cursor: default;
}
.partner-comment.gray:hover {
  color: #bdbdbd;
}
.partner-comment:hover {
  color: #38af56;
}
.partner-rating {
  display: flex;
  margin: 0 -5px;
}
.partner-rating > * {
  padding: 0 5px;
}
.partner-rating .bad {
  color: #ff9ca3;
}
.redeem {
  padding: 32px;
}
.sortby {
  display: flex;
  align-items: center;
  margin: 32px 0 16px;
}
.sortby .title {
  margin-right: 16px;
}
.partner-rate .btn {
  border-color: currentColor;
}
.partner-rate .btn:hover {
  color: #949494;
}
.partner-rate .btn.active {
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  cursor: default;
}
.partner-rate .bad,
.partner-rate .green {
  color: #c7c7c7;
}
.partner-rate .btn.green.active {
  background-color: #8bd294;
}
.partner-rate .btn.bad.active {
  background-color: #ff9ca3;
}
.finp-landing .head {
  background-color: #fff;
  margin: -30px -30px 0;
  padding: 30px 30px 0;
}
.finp-landing .head .title {
  max-width: 450px;
  padding: 30px 0 30px 30px;
  font-size: 32px;
}
.finp-steps {
  padding: 60px 0;
}
.finp-step {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.finp-step:nth-child(1) {
  margin-top: 0;
}
.finp-step:nth-child(1) .stepimg img {
  transform: translateY(10px);
}
.finp-step .title {
  font-size: 26px;
  max-width: 470px;
  margin-right: 30px;
  color: #52C870;
  flex: 1;
}
.finp-step .stepnum {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
.finp-step .stepimg {
  width: 320px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finp-step .stepimg img {
  max-width: 100%;
}
.finp-register-form {
  max-width: 600px;
  margin: 0 auto;
}
.finp-status {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.finp-status .icon {
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
}
.banner-pump-summer {
  display: flex;
  align-items: center;
  background: url(/images/pump-summer-bg.jpg);
  background-size: cover;
  border-radius: 10px;
  margin-bottom: 32px;
  text-decoration: none;
  color: #fff;
  font-family: 'Exo 2';
}
.banner-pump-summer img {
  vertical-align: middle;
  max-width: 100%;
  margin-top: -20px;
}
.banner-pump-summer .banner-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px 0;
}
.banner-pump-summer .banner-text {
  padding-right: 24px;
  flex: 2;
  min-width: 325px;
}
.banner-pump-summer .banner-text strong {
  white-space: nowrap;
}
.banner-pump-summer .hero-summer {
  padding: 0 24px;
  flex-shrink: 0;
  align-self: flex-end;
  text-align: center;
}
.banner-pump-summer .banner-btn {
  flex: 1;
  padding: 10px 24px 10px 0;
}
.banner-pump-summer .banner-btn .btn {
  background: #4B80D0;
  border-radius: 100px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
}
.banner-pump-summer .banner-btn .btn:hover {
  background-color: #6794d7;
}
.banner-pump-summer .title {
  color: #FF036D;
  font-size: 29px;
  text-transform: uppercase;
  font-weight: bold;
}
.banner-pump-summer .desc {
  font-size: 22px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.banner-referral .title {
  color: #52C870;
  font-size: 24px;
  font-weight: bold;
  max-width: 380px;
  margin-bottom: 8px;
}
.banner-referral .promo-included {
  margin-bottom: 10px;
}
.banner-referral .colm-text {
  padding-left: 20px;
  text-align: left;
}
.howtobuybtc {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.howtobuybtc img {
  max-width: 100%;
}
.howtobuybtc .btn {
  padding: 0;
  margin: 16px 0;
  box-shadow: none !important;
  transition: transform 0.2s;
}
.howtobuybtc .btn:hover {
  transform: translateX(5px);
}
.msg2refs {
  margin-top: 3rem;
}
.result-item {
  padding: 16px;
  margin-bottom: 16px;
}
.result-item .title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
}
.result-item .title .icon {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.client-key {
  background: #F5A621;
  margin: -30px -30px 30px;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 30px;
}
.client-key .btn.card-white {
  font-size: 14px;
  padding: 6px 8px;
  margin-left: auto;
}
.client-key.unhide .hide {
  display: inline !important;
}
.client-key.unhide span.thekey::after {
  display: none;
}
.client-key .colm-iconkey {
  flex: 1;
  text-transform: uppercase;
  text-align: center;
}
.client-key .colm-iconkey .icon {
  width: 71px;
  height: 24px;
}
.client-key .colm-iconkey .title {
  margin-top: 8px;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
}
.client-key .colm-key {
  flex: 2;
  display: flex;
  align-items: center;
}
.client-key .colm-key span.thekey {
  font-size: 24px;
  padding-right: 20px;
  font-weight: bold;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  word-break: break-word;
}
.client-key .colm-key .hide {
  display: none;
}
.blink {
  animation: blink 0.5s infinite alternate;
}
.miniwidget-load {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  transition: opacity 0.5s;
}
.miniwidget-load .arrow {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  transition: color 0.3s, transform 0.3s;
}
.miniwidget-load .gauge {
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.miniwidget-load .lowbid {
  width: 28px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.broulette-wrap {
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
}
.broulette-header {
  display: flex;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.broulette-header .colm-text {
  color: #2E910B;
  font-size: 32px;
  margin-top: 24px;
}
.broulette-header .colm-text span {
  color: #000;
}
.broulette-header .colm-text div:first-child {
  font-size: 24px;
  color: #E33D50;
}
.broulette-rules > .title {
  color: #557ECC;
  font-weight: bold;
}
.broulette-rules .rules-item {
  display: flex;
  margin-top: 24px;
  color: #6C6C6C;
}
.broulette-rules .rules-item div:first-child {
  margin-right: 24px;
}
.broulette-rules .rules-item .rule-num {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: #2E910B;
  border: 3px solid currentColor;
  background: #8BD42F;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
  line-height: 40px;
}
.broulette-rules .rules-item .rule-content {
  align-self: center;
}
.broulette-anketa {
  display: flex;
}
.broulette-anketa .colm-avatar {
  margin-right: 32px;
}
.broulette-anketa .colm-avatar .preview {
  text-align: center;
  margin-bottom: 16px;
}
.broulette-anketa .colm-avatar .preview .icon,
.broulette-anketa .colm-avatar .preview img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
}
.broulette-anketa .colm-avatar .preview .icon {
  opacity: 0.2;
}
.broulette-anketa .colm-details {
  flex-grow: 1;
}
.broulette-anketa .form-row .title {
  margin-bottom: 4px;
}
.broulette-winners .winner-item {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.broulette-winners .winner-comment {
  border-radius: 10px;
  background: #fff;
  padding: 10px 16px;
  flex: 1;
  align-self: stretch;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  flex-basis: 10px;
}
.broulette-winners .winner-comment:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  right: -5px;
  transform: rotate(45deg);
}
.broulette-winners .winner-details {
  flex: 1;
  flex-basis: 10px;
}
.broulette-winners .winner-details .name {
  font-size: 20px;
  margin-bottom: 4px;
}
.broulette-winners .winner-details .country {
  font-size: 14px;
}
.broulette-winners .winner-details a {
  font-size: 12px;
}
.broulette-winners .avatar {
  width: 88px;
  height: 88px;
  margin: 0 16px;
  overflow: hidden;
  border-radius: 50%;
  flex-basis: 88px;
}
.imagecrop {
  text-align: center;
  position: relative;
  z-index: 1;
  background: #ededed;
}
.imagecrop .cropper {
  position: absolute;
}
.imagecrop .cropper svg {
  width: 100%;
  height: 100%;
}
.imagecrop .croppie {
  vertical-align: middle;
}
.imagecrop .resize {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
}
.imagecrop .resize img {
  display: block;
}
.imagecrop .resize:hover {
  transform: scale(1.2);
}
.broulette-widget {
  align-self: center;
  padding-left: 0;
  margin-left: 2rem;
  margin-top: 6px;
  position: relative;
  z-index: 1;
}
.broulette-widget img {
  display: block;
}
.broulette-widget .widget-avatar {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 18px;
}
.broulette-widget .widget-avatar img {
  max-width: 100%;
  border-radius: 50%;
  border: 2px solid #2E910B;
}
.broulette-widget .timetoroll {
  position: absolute;
  font-size: 10px;
  font-weight: bold;
  background: #2E910B;
  color: #fff;
  bottom: 0;
  width: 40px;
  left: 50%;
  margin-left: -20px;
  border-radius: 2px 2px 0 0;
  text-align: center;
}
.broulette-widget.rolling .dollar {
  animation: loaderRotate 0.5s linear infinite /*timing-function delay iteration-count direction fill-mode*/;
}
.broulette-widget.rolling .widget-avatar,
.broulette-widget.rolling .timetoroll {
  display: none;
}
.broulette-widget .tooltip {
  position: absolute;
  background: #fff;
  font-size: 12px;
  width: 185px;
  bottom: 48px;
  right: 0;
  border-radius: 5px;
  padding-bottom: 10px;
}
.broulette-widget .tooltip:after {
  content: '';
  position: absolute;
  background: #fff;
  width: 16px;
  height: 16px;
  right: 22px;
  bottom: -8px;
  transform: rotate(45deg);
}
.broulette-widget .tooltip .title {
  font-weight: bold;
  color: #2E910B;
  font-size: 12px;
  text-align: center;
  padding: 10px 0 2px;
}
.broulette-widget .tooltip .close {
  padding: 5px;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
}
.broulette-widget .tooltip .close img {
  display: block;
  width: 8px;
  height: 8px;
}
.broulette-widget .tooltip .body {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.broulette-widget .tooltip .winner {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  flex-shrink: 0;
  margin-right: 10px;
}
.broulette-widget .tooltip .winner img {
  max-width: 100%;
  border-radius: 50%;
}
.broulette-widget .tooltip .name {
  font-weight: bold;
}
.broulette-widget .tooltip .shoutout {
  font-size: 10px;
}
.btn-start-work {
  background: linear-gradient(180deg, #365F9D 0%, #2B4C7E 100%);
  border-radius: 2px;
  white-space: nowrap;
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
}
.btn-start-work:hover {
  background: linear-gradient(180deg, #4677c0 0%, #3863a4 100%);
}
.btn-start-work .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media screen and (max-width: 1024px) {
  .client-key .colm-key span.thekey {
    font-size: 18px;
  }
  .banner-pump-summer .title {
    font-size: 22px;
  }
  .banner-pump-summer .desc {
    font-size: 18px;
  }
  .finp-landing .head .title {
    order: 1;
    padding-left: 0;
    text-align: center;
  }
  .finp-landing .head img {
    order: 2;
  }
  .finp-landing .finp-step .title {
    font-size: 20px;
  }
  .ill-desc {
    flex-direction: column;
  }
  .ill-desc .gap {
    width: 0;
    height: 20px;
    order: 2;
  }
  .ill-desc .ill {
    order: 1;
  }
  .ill-desc .ill img {
    max-width: 100%;
  }
  .ill-desc .desc {
    order: 3;
  }
  .recaptcha-opts {
    font-size: 12px;
    position: static;
    width: auto;
  }
  .work-area {
    flex-wrap: wrap;
    padding: 1rem 0 0;
  }
  .solving-time {
    display: none;
  }
  .quick-access .btn {
    font-size: 0.875rem;
  }
  .stats-head {
    justify-content: space-between;
  }
  .stats-head > div {
    margin: 0;
  }
  .hidden-md {
    display: none !important;
  }
  .conversation .chatbox .text {
    max-width: 350px;
  }
  .captcha-info .info .key {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .captcha-info .info .value {
    text-align: center;
    display: block;
  }
  .tabbed-card .btn-group .btn {
    font-size: 0.75rem;
    flex-grow: 1;
  }
  .app-card .head .title {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 960px) {
  .banner-pump-summer .banner-text {
    min-width: 0;
  }
  .banner-pump-summer .banner-btn {
    flex-basis: 100%;
  }
  .auth-mode-off .side-main {
    padding-right: 30px;
  }
  .factories-poll {
    flex-direction: column;
  }
  .factories-poll .colm-comments {
    flex-basis: auto;
    width: auto;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 0;
  }
  .hide-menu {
    display: none !important;
  }
  .work-settings {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .work-settings > * {
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 33.3333%;
    border-top: 0;
  }
  .work-settings .opt {
    white-space: normal;
  }
  .work-settings .opt .label {
    font-size: 0.875rem;
  }
  .work-settings-title {
    margin-left: 1rem;
    order: -1;
  }
  .sidebar {
    position: absolute;
    right: -250px;
    width: 250px;
    transition: right 0.2s;
  }
  .container {
    position: relative;
    overflow: hidden;
    transition: left 0.2s;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }
  .container.mobmenu-opened {
    left: -220px;
    overflow: visible;
  }
  .container.mobmenu-opened .sidebar {
    right: -220px;
  }
  .side-main {
    padding-right: 30px;
  }
  .page-header {
    font-size: 1.5em;
  }
  .visible-sm {
    display: block !important;
  }
  .infoicons .mobmenu {
    display: inline-block !important;
  }
  .client-steps .key {
    font-size: 0.875rem;
  }
  .client-steps .grid-noGutter {
    flex-wrap: nowrap;
  }
  .hidden-sm {
    display: none !important;
  }
  .modal {
    margin-right: 0;
  }
  .vouchers {
    margin: 0;
  }
  .vouchers .col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.5rem;
  }
  .avantgate-login {
    display: inline;
    border: 0;
  }
  .avantgate-login img {
    display: block;
    position: static;
    width: 100%;
    margin-top: 10px;
  }
  .hidden-sm {
    display: none !important;
  }
  .table-vers td:first-child {
    font-size: 0.875rem;
    vertical-align: top;
  }
  .table-vers td:nth-child(2) {
    font-size: 0.875rem;
  }
  .your-captchas .filters .controls {
    transition: none;
    margin-top: 10px;
    margin-right: -2rem;
    position: absolute;
  }
  .your-captchas .filters .controls.active {
    position: static;
  }
  .your-captchas .filters .col-filter-time .controls {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .btn-start-work {
    display: none;
  }
  .broulette-header {
    flex-direction: column;
    align-items: center;
  }
  .broulette-header .colm-text {
    order: 2;
  }
  .broulette-anketa {
    flex-direction: column;
    text-align: center;
  }
  .broulette-anketa .colm-avatar {
    margin-bottom: 16px;
    margin-right: 0;
  }
  .broulette-rules .rule-num {
    flex-shrink: 0;
  }
  .broulette-rules .rule-content {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%;
  }
  .broulette-rules .rules-item {
    flex-wrap: wrap;
  }
  .broulette-winners .winner-item {
    flex-wrap: wrap;
  }
  .broulette-winners .winner-comment {
    order: 3;
    margin-top: 10px;
    flex-basis: 100%;
  }
  .broulette-winners .winner-comment:after {
    top: -5px;
    right: auto;
    left: 52px;
  }
  .client-key {
    margin: -10px -10px 30px;
    padding: 10px;
  }
  .client-key .btn.card-white {
    font-size: 12px;
  }
  .client-key .colm-iconkey {
    flex: 0;
    flex-basis: 90px;
    text-align: left;
  }
  .client-key .colm-iconkey .icon {
    width: 50px;
  }
  .client-key .colm-iconkey .title {
    font-size: 12px;
  }
  .client-key .colm-key {
    display: block;
  }
  .client-key .colm-key span.thekey {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 0;
  }
  .banner-referral .colm-text {
    text-align: center;
    padding-left: 0;
  }
  .banner-pump-summer {
    flex-wrap: wrap;
    background-position: 50% 50%;
  }
  .banner-pump-summer .hero-summer {
    order: 2;
    text-align: center;
    flex-basis: 100%;
  }
  .banner-pump-summer .hero-summer img {
    height: 30vw;
  }
  .banner-pump-summer .banner-content {
    order: 1;
  }
  .banner-pump-summer .banner-text {
    padding-left: 20px;
    padding-right: 20px;
  }
  .banner-pump-summer .banner-btn {
    text-align: center;
    padding: 20px 0;
  }
  .scroll-paging {
    width: auto;
  }
  .verification-process [class*="grid-"] p {
    margin-top: 0;
  }
  .verification-process .card-white {
    min-width: 0;
  }
  .finp-landing .head {
    margin: -10px -10px 0;
  }
  .finp-landing .head .title {
    font-size: 24px;
    text-align: center;
    padding-left: 0;
  }
  .finp-landing .finp-step .title {
    margin-bottom: 10px;
    flex-basis: 100%;
  }
  .settings-2fa .step-2fa {
    margin: 0 -10px;
  }
  .settings-2fa .gap {
    width: 100%;
    height: 16px;
  }
  .ga-phone {
    display: none;
  }
  .factories-poll .colm-categories {
    display: block;
  }
  .factories-poll .check-wrap {
    max-width: none;
    display: block;
  }
  .factory-banner {
    flex-direction: column;
    justify-content: center;
    padding: 16px;
  }
  .factory-banner .colm-banner-img {
    flex: 0;
  }
  .widget-factories .slider-pages {
    left: 16px;
    transform: none;
  }
  .btn-order-factory {
    font-size: 12px;
  }
  .login-types {
    display: block;
  }
  .login-types .form .form-row:last-child {
    text-align: center;
  }
  .social-login {
    padding: 0 2rem !important;
  }
  .social-login .btn {
    font-size: 0.875rem;
  }
  .email-login {
    padding: 0 2rem !important;
  }
  .login-divider {
    width: auto;
    height: 2px;
    margin: 36px 24px;
    margin-bottom: 28px;
  }
  .lang-flags {
    width: 300px;
  }
  .recaptcha-checklist .key {
    white-space: normal;
  }
  .work-footer .item .title {
    font-size: 0.625rem;
  }
  .work-footer .item .value {
    font-size: 0.875rem;
  }
  .user-msg {
    font-size: 13px;
    padding: 0.25rem 0;
  }
  .quick-access {
    margin-left: -10px;
    margin-right: -10px;
  }
  html {
    height: auto;
  }
  .auth-links {
    left: -10px;
    right: -10px;
    justify-content: center !important;
    bottom: -185px;
  }
  .errors-progress .tooltip {
    white-space: normal;
    text-align: center;
  }
  .download-app-row {
    margin-left: -10px;
    margin-right: -10px;
    padding: 1.5rem 0;
  }
  .download-app-row .df {
    display: block;
    text-align: center;
  }
  .download-app-row .desc {
    margin: 0;
    padding: 10px 10px 0;
  }
  .cms-story .info-save {
    position: static;
    text-align: left;
    font-size: 0.813rem;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
  .work-area.theme-gray .parameter {
    border-color: #637182 !important;
  }
  .work-area.theme-gray .captcha-solver .captcha-wrap {
    border-color: #637182;
  }
  .work-area.theme-dark .parameter {
    border-color: #637182 !important;
  }
  .work-area.theme-dark .captcha-solver .captcha-wrap {
    border-color: #637182;
  }
  .captcha-solver {
    width: 100%;
    margin-top: 20px;
  }
  .captcha-solver .comment-row {
    font-size: 0.875rem;
    font-weight: bold;
  }
  .captcha-solver .captcha-wrap .captcha-image {
    height: 120px;
  }
  .captcha-solver .params-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding-left: 8px;
    padding-right: 8px;
    justify-content: center;
  }
  .captcha-solver .params-row .params {
    order: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 50%;
    flex-basis: 50%;
    margin-left: -4px;
    margin-right: -4px;
  }
  .captcha-solver .params-row .params:first-child {
    padding-right: 4px;
  }
  .captcha-solver .params-row .params:last-child {
    padding-left: 4px;
  }
  .captcha-solver .params-row .params .parameter {
    flex-grow: 1;
    height: 58px;
    margin: 0 4px;
    font-size: 0.75rem;
  }
  .captcha-solver .params-row .captcha-wrap {
    order: 2;
    flex-basis: 100%;
  }
  .captcha-solver .params-row .captcha-image {
    width: 100%;
  }
  .captcha-solver .input-row {
    position: relative;
    z-index: 1;
    padding: 0 0.5rem;
    padding-bottom: 48px;
  }
  .captcha-solver .input-row .btn {
    position: absolute;
    top: 58px;
    width: calc(50% - 12px);
  }
  .captcha-solver .input-row .input-wrap {
    float: none;
    width: 100%;
    margin: 0;
  }
  .captcha-solver .input-row .btn-submit {
    right: 8px;
  }
  .mode-work .side-main {
    padding: 0 !important;
  }
  .mode-work .work-header > div {
    padding: 0 0.75rem;
  }
  .mode-work .work-settings {
    display: block;
    padding-bottom: 1.5rem;
  }
  .mode-work .work-settings .opt {
    margin-top: 1.5rem;
    margin-left: 1rem;
    justify-content: flex-start;
  }
  .mode-work .colw-rate {
    font-size: 0.75rem !important;
    flex-grow: 1;
  }
  .mode-work .colw-pause,
  .mode-work .step-details {
    border-left: 0;
  }
  .mode-work .colw-timer {
    flex-grow: 0;
  }
  .mode-work .colw-timer .progressbar {
    display: none;
  }
  .mode-work .mobile-timer {
    width: 24px;
    height: 24px;
    display: block;
    transform: rotate(-90deg);
  }
  .mode-work .mobile-timer .timer-bg {
    fill: #A4B1C5;
  }
  .mode-work .mobile-timer .timer-fill {
    fill: none;
  }
  .mode-work .mobile-timer .timer-fill.start {
    stroke: #ff2f74;
    stroke-width: 12px;
    animation-name: dash;
    animation-timing-function: linear;
  }
  .mode-work .steps-sidebar {
    display: none;
  }
  .mode-work .step-action form .df {
    display: block;
  }
  .mode-work .step-action form .df > * {
    margin: 1rem 0;
  }
  .hidden-xs {
    display: none !important;
  }
  .side-main {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    overflow: auto;
  }
  .stats-head {
    justify-content: center;
  }
  .stats-head > div {
    margin-bottom: 20px;
  }
  .main-content {
    padding: 10px;
  }
  .header > *:first-child {
    display: none;
  }
  .header .infoicons > span {
    margin-left: 14px;
  }
  .page-header {
    text-align: left;
    font-size: 0.75rem;
  }
  .searchbar-wrap .search-close {
    display: none !important;
  }
  .client-steps {
    text-align: center;
  }
  .client-steps > div {
    padding: 20px;
  }
  .client-steps .grid-noGutter {
    flex-wrap: wrap;
  }
  .client-steps .key {
    font-size: 0.75rem;
  }
  .client-steps .grid-noGutter > div:nth-child(2) {
    padding-bottom: 1rem;
  }
  .container.mobmenu-opened {
    left: -240px;
    overflow: visible;
    min-height: 1000px;
  }
  .container.mobmenu-opened .sidebar {
    right: -240px;
  }
  .infoblock .wlimit:before {
    display: none;
  }
  .settings .option {
    padding-bottom: 1em;
  }
  .settings .desc {
    font-size: 0.875rem;
  }
  .settings .lvl2 .controls,
  .settings .lvl2 .option {
    padding-left: 1em;
  }
  .form-row {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .auth-mode .auth-form .logo {
    top: -50px;
  }
  .auth-mode .form {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .auth-mode .main-content {
    width: 300px;
  }
  .auth-mode .modal {
    margin-right: 10px;
  }
  .form-one-two .one {
    flex-basis: 100% !important;
    margin-bottom: 5px;
  }
  .form-one-two .one.empty {
    display: none;
  }
  .modal-wrap {
    padding-top: 0;
  }
  .modal {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    max-height: calc(100% - 20px) !important;
    overflow-y: scroll;
  }
  .modal .grid,
  .modal [class*="grid-"] {
    margin-left: -10px;
    margin-right: -10px;
  }
  .modal .close {
    position: fixed;
    top: 20px;
    right: 20px;
  }
  .modal .body {
    padding: 10px;
  }
  .modal .foot .btn-side {
    position: static;
  }
  .modal .foot .btn {
    display: block;
    margin: 8px auto;
  }
  .modal-widgets .col {
    padding: 0 10px 1rem;
  }
  .modal-widgets .col .title {
    font-size: 12px;
  }
  .modal-widgets .widget-icon {
    width: 80px;
    height: 80px;
    background-size: 98%;
  }
  .btn-group .btn {
    font-size: 0.875rem;
  }
  .btn-group .btn .icon + .label {
    display: block;
    text-align: center;
    white-space: normal;
    font-size: 0.625rem;
    margin-top: 0.5rem;
  }
  .tabbed-card .btn-group .btn {
    font-size: 0.625rem;
  }
  .modal-payment .grid,
  .modal-payment [class*="grid-"] {
    margin-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
  }
  .modal-payment .col,
  .modal-payment [class*="col-"] {
    padding-bottom: 0px;
  }
  .modal-payment img {
    width: 60px;
    max-width: none;
    vertical-align: middle;
  }
  .pay-steps .col {
    flex-basis: auto;
  }
  .app-full-info {
    flex-direction: column;
    display: block !important;
  }
  .app-full-info .affix-active {
    position: static !important;
  }
  .ticket-head {
    text-align: center;
  }
  .ticket-head .switch-either {
    justify-content: center;
  }
  .ticket-form .foot {
    text-align: center;
  }
  .ticket-form .foot .col {
    margin: 8px 0;
  }
  .ticket-form .foot .col:first-child {
    order: 2;
  }
  .ticket-form .foot .col:last-child {
    text-align: center;
    order: 1;
  }
  .stats-opts {
    display: block;
  }
  .stats-opts .switch-either {
    justify-content: flex-start;
  }
  .captcha-info .info > * .col {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .your-captchas .filters {
    margin: -10px -10px 20px;
  }
  .terms {
    margin: -10px -10px 30px;
  }
  .pay-msg-box {
    padding-top: 10px;
    display: block !important;
    height: 280px;
  }
  .pay-msg-box.pay-fail:before {
    margin-left: auto;
    margin-right: auto;
  }
  .pay-msg-box.pay-success:before {
    background-size: contain;
    height: 120px;
    width: auto;
    position: static;
    display: block;
  }
  .pay-msg-box .pay-msg {
    margin: 0;
    width: auto;
    padding: 0;
  }
  .pay-msg-box .pay-msg .title {
    font-size: 24px;
  }
  .table-vers {
    border: 0;
  }
  .table-vers tr {
    display: block;
    margin-bottom: 20px;
  }
  .table-vers tr:first-child {
    display: none;
  }
  .table-vers td {
    display: block;
  }
}