@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,800);/*
-------------------------
| Card
-------------------------
*/

.card-app {
  color: #263238;
  border: 0;
  border-radius: 0;
  max-width: 250px;
  min-width: 250px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.card-app .card-body {
  padding: 1rem 1.25rem;
}

.card-app .card-body .card-app-badges {
  text-align: center;
}

.card-app .card-body .card-app-badges .card-app-free,
.card-app .card-body .card-app-badges .card-app-top,
.card-app .card-body .card-app-badges .card-app-paid {
  font-weight: normal;
  font-size: 0.9rem;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  padding: 0.12rem 0.5rem;
}

.card-app .card-body .card-app-badges .card-app-free {
  background-color: #00C853;
}

.card-app .card-body .card-app-badges .card-app-paid {
  background-color: #F44336;
}

.card-app .card-body .card-app-badges .card-app-top {
  background-color: #FFAB00;
  color: white;
}

.card-app .card-body .card-app-icon {
  margin-top: 25px;
  max-width: 125px;
  max-height: 125px;
  margin-bottom: 25px;
}

.card-app .card-body .card-app-icon-windows {
  background-color: #3F51B5;
}

.card-app .card-body .card-app-title {
  color: #263238;
  font-size: 1.5rem;
  display: block;
  text-align: center;
  white-space: nowrap;
  position: relative;
  margin-bottom: 10px;
}

.card-app .card-body .card-app-title .paragraph-end {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
  bottom: 0;
  top: 0;
  max-height: 100%;
  position: absolute;
  right: -20px;
  width: 55px;
}

.card-app .card-body .card-app-short-description {
  font-size: 0.9rem;
}

.card-app .card-body .card-app-rating {
  color: #00b0ff;
  font-size: 1.1rem;
}

.card-app .card-body .card-app-rating .fa {
  font-size: 0.9rem;
}

.card-app .card-body .card-app-opinion-icon {
  font-size: 0.9rem;
  width: 25px;
  height: 25px;
}

.card-app .card-body .card-app-opinion-text {
  margin: 3px 0 0 4px;
  color: #90A4AE;
  font-size: 0.95rem;
}

.card-app .card-body .c100 {
  font-size: 43px;
  margin: 0;
  margin-left: 20px;
}

.card-app .card-body .c100 span {
  font-size: 1.1rem;
  line-height: 2.9rem;
  width: 43px;
}

.card-app .card-footer {
  border: 0;
  background-color: #f6f8fa;
  color: #90A4AE;
  font-size: 0.9rem;
}

.card-app .card-footer .card-app-last-comment {
  font-style: italic;
}

.card-app:hover {
  text-decoration: none;
  color: #263238;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.jumbotron-top-5 {
  border-radius: 0;
  color: white;
  background-color: #00b0ff;
  /*background: $color-primary url('/img/top-background.jpg') center no-repeat;*/
}

.jumbotron-top-5 .top-5-title {
  text-align: center;
}

.jumbotron-top-5 .top-5-title h1 {
  font-size: 6rem;
  font-weight: 800;
}

.jumbotron-top-5 .top-list {
  overflow-x: auto;
  width: 100%;
}

@media (max-width: 800px) {
  .card-app {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.menu-left a {
  color: #263238;
  font-size: 0.9rem;
}

.menu-left .active {
  border-radius: 0;
  background-color: #B0BEC5 !important;
}

@media (max-width: 991px) {
  .menu-left {
    display: none;
  }
}

.card-big-app {
  border-color: #CFD8DC;
  border-radius: 0;
}

.card-big-app .card-big-app-icon {
  width: 185px;
  height: 185px;
}

.card-big-app .card-big-app-icon-wrapper {
  width: 185px;
  height: 185px;
  margin-right: 20px;
}

.card-big-app .card-big-app-icon-windows {
  background-color: #3F51B5;
}

.card-big-app .title-comments {
  display: inline-block;
  color: #90A4AE;
  font-size: 1.3rem;
}

.card-big-app .svg-container {
  display: inline-block;
  height: 35px;
}

.card-big-app .comment-date {
  color: #90A4AE;
  font-size: 0.9rem;
}

.card-big-app .card-big-app-list-comments {
  margin-left: 0;
}

.card-big-app .card-big-app-list-comments li {
  font-style: italic;
  margin-bottom: .5rem;
}

.card-big-app .card-big-app-list-comments li .fa {
  margin: 0 0.75rem 0 0.5rem;
  color: #90A4AE;
}

.card-big-app .card-big-app-free,
.card-big-app .card-big-app-top,
.card-big-app .card-big-app-paid {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  padding: 0.12rem 0.5rem;
  font-weight: normal;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  margin-right: 0.5rem;
  color: white;
}

.card-big-app .card-big-app-free {
  background-color: #00C853;
}

.card-big-app .card-big-app-top {
  background-color: #FFAB00;
}

.card-big-app .card-big-app-paid {
  background-color: #F44336;
}

.card-big-app .card-big-app-title {
  font-weight: 800;
}

.card-big-app .card-big-app-developer {
  color: #90A4AE;
}

.card-big-app .card-big-app-btn-download {
  background-color: #00C853;
  color: white;
  font-size: 1.2rem;
  padding: 0.75rem;
  -webkit-box-shadow: 0 2px 0 0 #43A047;
  box-shadow: 0 2px 0 0 #43A047;
  width: 250px;
}

.card-big-app .card-big-app-btn-download span {
  float: left;
  margin-top: 1px;
}

.card-big-app .card-big-app-btn-download .fa {
  float: right;
  margin-top: 4px;
}

.card-big-app .card-big-app-btn-download:hover {
  background-color: #00d656;
}

.card-big-app hr {
  border-color: #ECEFF1;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.download-button-mobile {
  display: none;
}

@media (max-width: 991px) {
  .card-big-app .card-big-app-icon,
  .card-big-app .card-big-app-icon-wrapper {
    width: 120px;
    height: 120px;
  }

  .card-big-app .card-big-app-title {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .card-big-app .download-button-mobile {
    text-align: center;
    display: block;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }

  .card-big-app .download-button-desktop {
    display: none;
  }
}

@media (max-width: 479px) {
  .card-big-app {
    border: 0;
  }

  .card-big-app .card-big-app-icon,
  .card-big-app .card-big-app-icon-wrapper {
    width: 75px;
    height: 75px;
  }

  .card-big-app .card-big-app-title {
    font-size: 1.5rem;
  }

  .card-big-app .card-big-app-btn-download {
    width: 100%;
  }

  .container-app {
    padding-right: 0;
    padding-left: 0;
  }
}

.screenshots {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
  white-space: nowrap;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  margin: 25px 0;
  background: #ECEFF1;
}

.screenshots img {
  height: 250px;
}

.title {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  .navbar-nav-scroll {
    max-width: 100%;
    height: 2.5rem;
    margin-top: .25rem;
    overflow: hidden;
  }
}

.navbar-platform {
  background-color: #40C4FF;
  padding: 0 0.75rem;
}

.navbar-platform a.nav-link {
  color: white;
  padding: 0.5rem 1rem;
}

.navbar-platform .dropdown-toggle::after {
  vertical-align: baseline;
}

footer a {
  color: #90A4AE;
}

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #00b0ff;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #ECEFF1;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  white-space: nowrap;
  line-height: 3.5em;
  font-size: 0.3em;
  color: #00b0ff;
  font-weight: 800;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 0.84em;
  height: 0.84em;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.btn-primary {
  background-color: #00b0ff;
  -webkit-box-shadow: 0 2px 0 0 #0288D1;
  box-shadow: 0 2px 0 0 #0288D1;
  border: none;
  color: white !important;
}

.btn-primary:hover {
  background-color: #40C4FF;
}

.ranking {
  border-color: #CFD8DC;
  border-radius: 0;
}

.ranking .card-body {
  border-bottom: 1px solid #ECEFF1;
  color: #263238;
}

.ranking .card-body:hover {
  text-decoration: none;
  color: #263238;
}

.ranking .lead {
  font-weight: 800;
  margin-right: 20px;
}

.ranking .ranking-app-title {
  color: #263238;
  font-weight: 800;
  font-size: 1.1rem;
  margin-bottom: 5px;
}

.ranking .icon-ranking {
  width: 48px;
  height: 48px;
  margin-right: 20px;
}

.ranking .c100 {
  font-size: 43px;
  margin: 0;
  margin-left: 20px;
}

.ranking .c100 span {
  font-size: 1.1rem;
  line-height: 2.9rem;
  width: 43px;
}

.ranking .ranking-rating-value {
  color: #00b0ff;
  font-size: 1.8rem;
  margin-left: 20px;
}

.ranking .card-body-see-more {
  text-align: center;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
}

.ranking .card-body-see-more:hover {
  background-color: #ECEFF1;
}

.home-particles {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 5px;
  display: none;
}

.home-page .logo-home {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.home-page .logo-home svg {
  width: 200px;
}

.home-page h1 {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.home-page .lead {
  color: #90A4AE !important;
  font-size: 2rem;
}

.home-page .btn-home {
  background-color: white;
  color: #263238;
  border: 0;
  border-radius: 0;
  width: 150px;
  height: 150px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin: 0 1rem;
}

.home-page .btn-home:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.home-page .btn-home-android {
  background-color: #66BB6A;
  color: white;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 0 #388E3C;
  box-shadow: 0 2px 0 0 #388E3C;
  border-radius: 4px;
}

.home-page .btn-home-android svg {
  width: 50px;
  margin: 1rem 0;
}

.home-page .btn-home-windows {
  background-color: #3F51B5;
  color: white;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 0 #303F9F;
  box-shadow: 0 2px 0 0 #303F9F;
  border-radius: 4px;
}

.home-page .btn-home-windows svg {
  width: 50px;
  margin: 1rem 0;
}

.home-page .btn-home-ios {
  background-color: #757575;
  color: white;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 0 #424242;
  box-shadow: 0 2px 0 0 #424242;
  border-radius: 4px;
}

.home-page .btn-home-ios svg {
  width: 50px;
  margin: 1rem 0;
}

@media screen and (min-width: 800px) {
  .home-particles {
    display: block;
  }
}

.navbar-search,
.navbar-main {
  color: white;
  padding: 0 1rem;
}

.navbar-search input,
.navbar-main input {
  border: none;
  border-radius: 0;
  background-color: #fff;
}

.navbar-search .navbar-brand,
.navbar-main .navbar-brand {
  height: 34px;
  margin-left: 0.75rem;
  padding: 12px 0;
}

.navbar-search .navbar-brand svg,
.navbar-search .navbar-brand .logo-container,
.navbar-main .navbar-brand svg,
.navbar-main .navbar-brand .logo-container {
  height: 25px;
  width: 100px;
}

.navbar-search li.nav-item a,
.navbar-main li.nav-item a {
  color: white;
  padding: .75rem 1rem;
}

.navbar-search li.nav-item a svg,
.navbar-main li.nav-item a svg {
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  float: left;
  margin-top: 2px;
}

.navbar-search li.nav-item a span,
.navbar-main li.nav-item a span {
  display: inline-block;
}

.navbar-search li.nav-item a:hover,
.navbar-search li.nav-item a.active,
.navbar-main li.nav-item a:hover,
.navbar-main li.nav-item a.active {
  text-decoration: none;
}

.navbar-search .dropdown-menu-lg,
.navbar-main .dropdown-menu-lg {
  width: 400px;
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.navbar-search form input.search-box,
.navbar-main form input.search-box {
  width: 500px;
}

.navbar-search .nav-link-regular,
.navbar-main .nav-link-regular {
  padding: 0.75rem 1rem !important;
  color: white;
}

.navbar-header-android {
  background-color: #66BB6A;
}

.navbar-header-android .dropdown-menu-platform {
  background-color: #66BB6A;
}

.navbar-header-android .dropdown-menu-platform .dropdown-item:hover {
  background-color: #388E3C;
}

.navbar-header-android .dropdown-divider {
  border-color: #81C784;
}

.navbar-header-android .search-box,
.navbar-header-android .search-button {
  background-color: #81C784;
  color: #E8F5E9;
  border: none;
}

.navbar-header-android .search-box::-webkit-input-placeholder,
.navbar-header-android .search-button::-webkit-input-placeholder {
  color: #E8F5E9;
}

.navbar-header-android .search-box:-moz-placeholder,
.navbar-header-android .search-button:-moz-placeholder {
  color: #E8F5E9;
}

.navbar-header-android .search-box::-moz-placeholder,
.navbar-header-android .search-button::-moz-placeholder {
  color: #E8F5E9;
}

.navbar-header-android .search-box:-ms-input-placeholder,
.navbar-header-android .search-button:-ms-input-placeholder {
  color: #E8F5E9;
}

.navbar-header-android .nav-item:hover {
  background-color: #388E3C;
}

.navbar-header-windows {
  background-color: #3F51B5;
}

.navbar-header-windows .dropdown-menu-platform {
  background-color: #3F51B5;
}

.navbar-header-windows .dropdown-menu-platform .dropdown-item:hover {
  background-color: #303F9F;
}

.navbar-header-windows .dropdown-divider {
  border-color: #7986CB;
}

.navbar-header-windows .search-box,
.navbar-header-windows .search-button {
  background-color: #7986CB;
  color: #E8EAF6;
  border: none;
}

.navbar-header-windows .search-box::-webkit-input-placeholder,
.navbar-header-windows .search-button::-webkit-input-placeholder {
  color: #E8EAF6;
}

.navbar-header-windows .search-box:-moz-placeholder,
.navbar-header-windows .search-button:-moz-placeholder {
  color: #E8EAF6;
}

.navbar-header-windows .search-box::-moz-placeholder,
.navbar-header-windows .search-button::-moz-placeholder {
  color: #E8EAF6;
}

.navbar-header-windows .search-box:-ms-input-placeholder,
.navbar-header-windows .search-button:-ms-input-placeholder {
  color: #E8EAF6;
}

.navbar-header-windows .nav-item:hover {
  background-color: #303F9F;
}

.navbar-header-ios {
  background-color: #757575;
}

.navbar-header-ios .dropdown-menu-platform {
  background-color: #757575;
}

.navbar-header-ios .dropdown-menu-platform .dropdown-item:hover {
  background-color: #424242;
}

.navbar-header-ios .dropdown-divider {
  border-color: #9E9E9E;
}

.navbar-header-ios .search-box,
.navbar-header-ios .search-button {
  background-color: #9E9E9E;
  color: #FAFAFA;
  border: none;
}

.navbar-header-ios .search-box::-webkit-input-placeholder,
.navbar-header-ios .search-button::-webkit-input-placeholder {
  color: #FAFAFA;
}

.navbar-header-ios .search-box:-moz-placeholder,
.navbar-header-ios .search-button:-moz-placeholder {
  color: #FAFAFA;
}

.navbar-header-ios .search-box::-moz-placeholder,
.navbar-header-ios .search-button::-moz-placeholder {
  color: #FAFAFA;
}

.navbar-header-ios .search-box:-ms-input-placeholder,
.navbar-header-ios .search-button:-ms-input-placeholder {
  color: #FAFAFA;
}

.navbar-header-ios .nav-item:hover {
  background-color: #424242;
}

.dropdown-menu-platform {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

@media (max-width: 900px) {
  .header-form {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (max-width: 448px) {
  .hide-for-mobile {
    display: none !important;
  }
}

.pagination {
  border-radius: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.pagination .page-link {
  border: none;
  color: #263238;
  border-right: 2px solid #CFD8DC;
}

.pagination .page-item.active .page-link {
  background-color: #B0BEC5;
  border: 0;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 0;
}

.pagination .page-item:last-child .page-link {
  border-right: 0 !important;
}

.filters {
  font-size: 0.9rem;
}

.filters .filter-wrapper,
.filters .show-filters {
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: 0;
  display: inline-block;
  color: #263238;
  margin-bottom: 5px;
}

.filters .filter-wrapper .filter,
.filters .show-filters .filter {
  padding: 5px 10px;
  display: inline-block;
}

.filters .filter-wrapper a.filter-close,
.filters .show-filters a.filter-close {
  color: #90A4AE;
  margin-left: 5px;
  padding: 5px 10px;
  display: inline-block;
  border-left: 1px solid #CFD8DC;
  float: right;
}

.filters .filter-wrapper a.filter-close:hover,
.filters .show-filters a.filter-close:hover {
  background-color: #ECEFF1;
}

.show-filters {
  padding: 5px 10px;
  display: none !important;
  cursor: pointer;
  float: right;
}

.show-filters:hover {
  background-color: #ECEFF1;
}

@media (max-width: 991px) {
  .menu-left {
    display: none;
  }

  .show-filters {
    display: inline-block !important;
  }

  .active-filters {
    display: none;
  }

  .show-filters-menu {
    position: fixed;
    width: 200px;
    top: 0;
    bottom: 0;
    display: inline-block;
    z-index: 9999;
    background-color: #ECEFF1;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    left: 0;
    padding: 10px;
    overflow-y: scroll;
  }
}

.download-page-jumbotron {
  background-color: white;
  border: 0 !important;
  border-radius: 0;
  padding: 2rem 0 2.4rem 0;
}

.download-page-icon {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.download-page-title {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.download-progress {
  width: 300px;
}

.best_for_articles .media {
  background-color: white;
  color: #263238;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.best_for_articles .media .media-body {
  padding: 25px;
}

.best_for_articles .media img {
  height: 250px;
}

.best_for_articles .media:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.best_for_articles h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
}

.best_off {
  background-color: white;
}

.best_off h1 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.best_off .content h2 {
  font-weight: 700;
  font-size: 1.8rem;
  margin: 30px 0 20px;
}

.best_off .card-raking-position span {
  background-color: #ECEFF1;
  border-radius: 50%;
  display: inline-block;
  color: #90A4AE;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 700;
  padding-top: 2px;
}

.best_off .card-ranking {
  border: 0;
  border-top: 1px solid #ECEFF1;
  border-radius: 0;
  margin: 0;
  color: #263238;
}

.best_off .card-ranking:hover {
  text-decoration: none;
  background-color: #f5f8fa;
}

.best_off .card-ranking-icon {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.best_off .card-ranking-title {
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-weight: 700;
}

.best_off .card-ranking-see-more {
  text-align: center;
  padding: 25px;
  color: #90A4AE;
  font-size: 0.9rem;
}

.best_off .card-ranking-see-more:hover {
  background-color: #f5f8fa;
}

.best_off .card-ranking-rating {
  width: 100px;
}

.best_off .small {
  font-size: 60px;
}

.best_off .card-ranking-rating-value {
  color: #00b0ff;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
}

@media (max-width: 479px) {
  .best_off .ranking .d-flex {
    display: block !important;
  }

  .best_off .ranking .card-raking-position {
    text-align: center;
    margin: 0 !important;
  }

  .best_off .ranking .card-ranking-icon {
    width: 75px !important;
    height: 75px !important;
    margin: 20px 0 20px 0;
  }

  .best_off .ranking .card-ranking-title {
    text-align: center;
    margin-bottom: 15px;
  }

  .best_off .ranking .card-ranking-rating {
    text-align: center;
    margin: 0 auto !important;
  }
}

body {
  background-color: #ECEFF1;
  font-family: 'Roboto', sans-serif;
}

.d-flex-logo {
  margin-bottom: 5px;
  -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.075), 5px 0 4px rgba(0, 0, 0, 0.075);
          box-shadow: 5px 0 5px rgba(0, 0, 0, 0.075), 5px 0 4px rgba(0, 0, 0, 0.075);
}

.logo {
  padding: 0.6rem 1.5rem 0 0.75rem;
}

.logo .logo-container {
  width: 100px;
  height: 20px;
}

.logo-container {
  display: inline-block;
}

.logo-container svg {
  width: 100%;
  height: auto;
}

.modal-categories .modal-content {
  height: 600px;
  overflow-y: auto;
}

.btn-category,
.btn-popular-search {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: white;
  color: #263238;
  border-radius: 0;
}

.btn-category {
  min-width: 150px;
}

.btn-category img {
  margin: 15px 0;
}

.btn-category span {
  color: #90A4AE;
  font-size: 0.9rem;
}

.btn-category:hover {
  color: #263238;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.btn-popular-search {
  width: auto !important;
  text-align: left;
}

.text-muted {
  color: #90A4AE !important;
}

.jumbotron-android {
  background-color: #66BB6A;
  color: white;
}

.jumbotron-android svg {
  width: 100px;
}

.logo-clean-layout {
  margin: 20px 0;
}

.logo-clean-layout svg {
  width: 150px;
}