.data-bar {
  position: relative;
  display: block;
  margin: 7px 0;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  -webkit-box-shadow: -1px 0px 0px 0px #D4D9E1 inset;
  -moz-box-shadow: -1px 0px 0px 0px #D4D9E1 inset;
  box-shadow: -1px 0px 0px 0px #D4D9E1 inset;
}
.data-bar.data-bar--reversed {
  -webkit-box-shadow: 1px 0px 0px 0px #D4D9E1 inset;
  -moz-box-shadow: 1px 0px 0px 0px #D4D9E1 inset;
  box-shadow: 1px 0px 0px 0px #D4D9E1 inset;
}
.data-bar:before {
  position: absolute;
  right: 0px;
  display: block;
  height: 100%;
  background: #D4D9E1;
  content: "";
  border-radius: 0 4px 4px 0;
}
.data-bar.data-bar--reversed:before {
  border-radius: 4px 0 0 4px;
  right: auto;
  left: 0px;
}
.data-bar[data-percent='0']:before {
  width: 100%;
  border-radius: 4px;
}
.data-bar[data-percent='0']:before {width: 100%}
.data-bar[data-percent='1']:before {width: 99%}
.data-bar[data-percent='2']:before {width: 98%}
.data-bar[data-percent='3']:before {width: 97%}
.data-bar[data-percent='4']:before {width: 96%}
.data-bar[data-percent='5']:before {width: 95%}
.data-bar[data-percent='6']:before {width: 94%}
.data-bar[data-percent='7']:before {width: 93%}
.data-bar[data-percent='8']:before {width: 92%}
.data-bar[data-percent='9']:before {width: 91%}
.data-bar[data-percent='10']:before {width: 90%}
.data-bar[data-percent='11']:before {width: 89%}
.data-bar[data-percent='12']:before {width: 88%}
.data-bar[data-percent='13']:before {width: 87%}
.data-bar[data-percent='14']:before {width: 86%}
.data-bar[data-percent='15']:before {width: 85%}
.data-bar[data-percent='16']:before {width: 84%}
.data-bar[data-percent='17']:before {width: 83%}
.data-bar[data-percent='18']:before {width: 82%}
.data-bar[data-percent='19']:before {width: 81%}
.data-bar[data-percent='20']:before {width: 80%}
.data-bar[data-percent='21']:before {width: 79%}
.data-bar[data-percent='22']:before {width: 78%}
.data-bar[data-percent='23']:before {width: 77%}
.data-bar[data-percent='24']:before {width: 76%}
.data-bar[data-percent='25']:before {width: 75%}
.data-bar[data-percent='26']:before {width: 74%}
.data-bar[data-percent='27']:before {width: 73%}
.data-bar[data-percent='28']:before {width: 72%}
.data-bar[data-percent='29']:before {width: 71%}
.data-bar[data-percent='30']:before {width: 70%}
.data-bar[data-percent='31']:before {width: 69%}
.data-bar[data-percent='32']:before {width: 68%}
.data-bar[data-percent='33']:before {width: 67%}
.data-bar[data-percent='34']:before {width: 66%}
.data-bar[data-percent='35']:before {width: 65%}
.data-bar[data-percent='36']:before {width: 64%}
.data-bar[data-percent='37']:before {width: 63%}
.data-bar[data-percent='38']:before {width: 62%}
.data-bar[data-percent='39']:before {width: 61%}
.data-bar[data-percent='40']:before {width: 60%}
.data-bar[data-percent='41']:before {width: 59%}
.data-bar[data-percent='42']:before {width: 58%}
.data-bar[data-percent='43']:before {width: 57%}
.data-bar[data-percent='44']:before {width: 56%}
.data-bar[data-percent='45']:before {width: 55%}
.data-bar[data-percent='46']:before {width: 54%}
.data-bar[data-percent='47']:before {width: 53%}
.data-bar[data-percent='48']:before {width: 52%}
.data-bar[data-percent='49']:before {width: 51%}
.data-bar[data-percent='50']:before {width: 50%}
.data-bar[data-percent='51']:before {width: 49%}
.data-bar[data-percent='52']:before {width: 48%}
.data-bar[data-percent='53']:before {width: 47%}
.data-bar[data-percent='54']:before {width: 46%}
.data-bar[data-percent='55']:before {width: 45%}
.data-bar[data-percent='56']:before {width: 44%}
.data-bar[data-percent='57']:before {width: 43%}
.data-bar[data-percent='58']:before {width: 42%}
.data-bar[data-percent='59']:before {width: 41%}
.data-bar[data-percent='60']:before {width: 40%}
.data-bar[data-percent='61']:before {width: 39%}
.data-bar[data-percent='62']:before {width: 38%}
.data-bar[data-percent='63']:before {width: 37%}
.data-bar[data-percent='64']:before {width: 36%}
.data-bar[data-percent='65']:before {width: 35%}
.data-bar[data-percent='66']:before {width: 34%}
.data-bar[data-percent='67']:before {width: 33%}
.data-bar[data-percent='68']:before {width: 32%}
.data-bar[data-percent='69']:before {width: 31%}
.data-bar[data-percent='70']:before {width: 30%}
.data-bar[data-percent='71']:before {width: 29%}
.data-bar[data-percent='72']:before {width: 28%}
.data-bar[data-percent='73']:before {width: 27%}
.data-bar[data-percent='74']:before {width: 26%}
.data-bar[data-percent='75']:before {width: 25%}
.data-bar[data-percent='76']:before {width: 24%}
.data-bar[data-percent='77']:before {width: 23%}
.data-bar[data-percent='78']:before {width: 22%}
.data-bar[data-percent='79']:before {width: 21%}
.data-bar[data-percent='80']:before {width: 20%}
.data-bar[data-percent='81']:before {width: 19%}
.data-bar[data-percent='82']:before {width: 18%}
.data-bar[data-percent='83']:before {width: 17%}
.data-bar[data-percent='84']:before {width: 16%}
.data-bar[data-percent='85']:before {width: 15%}
.data-bar[data-percent='86']:before {width: 14%}
.data-bar[data-percent='87']:before {width: 13%}
.data-bar[data-percent='88']:before {width: 12%}
.data-bar[data-percent='89']:before {width: 11%}
.data-bar[data-percent='90']:before {width: 10%}
.data-bar[data-percent='91']:before {width: 9%}
.data-bar[data-percent='92']:before {width: 8%}
.data-bar[data-percent='93']:before {width: 7%}
.data-bar[data-percent='94']:before {width: 6%}
.data-bar[data-percent='95']:before {width: 5%}
.data-bar[data-percent='96']:before {width: 4%}
.data-bar[data-percent='97']:before {width: 3%}
.data-bar[data-percent='98']:before {width: 2%}
.data-bar[data-percent='99']:before {width: 1%}
.data-bar[data-percent='100']:before {width: 0%}
.data-bar[data-percent='100'] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.data-bar[data-percent='99']:before {right: 1px}
.data-bar:before {
  -webkit-transition: width 1s ease-in-out, border-radius 0s 0s;
  -moz-transition: width 1s ease-in-out, border-radius 0s 0s;
  -o-transition: width 1s ease-in-out, border-radius 0s 0s;
  transition: width 1s ease-in-out, border-radius 0s 0s;
}
.data-bar[data-percent='0']:before {
  -webkit-transition: width 1s ease-in-out, border-radius 0s 1s;
  -moz-transition: width 1s ease-in-out, border-radius 0s 1s;
  -o-transition: width 1s ease-in-out, border-radius 0s 1s;
  transition: width 1s ease-in-out, border-radius 0s 1s;
}

.js .js_animate-bars .data-bar:before {
  width: 100%;
  border-radius: 3px;
}
/*
Progress Bars -- End
*/


/*
Vert Bars -- Start
*/

.data-bar-vert {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 8px;
  height: 100%;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 0px 0px #D4D9E1 inset;
  -moz-box-shadow: 0px 1px 0px 0px #D4D9E1 inset;
  box-shadow: 0px 1px 0px 0px #D4D9E1 inset;
}
.data-bar-vert.data-bar-vert--reversed {
  -webkit-box-shadow: 0px -1px 0px 0px #D4D9E1 inset;
  -moz-box-shadow: 0px -1px 0px 0px #D4D9E1 inset;
  box-shadow: 0px -1px 0px 0px #D4D9E1 inset;
}
.data-bar-vert:before {
  position: absolute;
  top: 0px;
  display: block;
  width: 100%;
  background: #D4D9E1;
  content: "";
  border-radius: 4px 4px 0 0;
}
.data-bar-vert.data-bar-vert--reversed:before {
  border-radius: 0 0 4px 4px;
  top: auto;
  bottom: 0px;
}
.data-bar-vert[data-percent='0']:before {
  width: 100%;
  border-radius: 0 0 4px 4px;
}
.data-bar-vert[data-percent='0']:before {height: 100%}
.data-bar-vert[data-percent='1']:before {height: 99%}
.data-bar-vert[data-percent='2']:before {height: 98%}
.data-bar-vert[data-percent='3']:before {height: 97%}
.data-bar-vert[data-percent='4']:before {height: 96%}
.data-bar-vert[data-percent='5']:before {height: 95%}
.data-bar-vert[data-percent='6']:before {height: 94%}
.data-bar-vert[data-percent='7']:before {height: 93%}
.data-bar-vert[data-percent='8']:before {height: 92%}
.data-bar-vert[data-percent='9']:before {height: 91%}
.data-bar-vert[data-percent='10']:before {height: 90%}
.data-bar-vert[data-percent='11']:before {height: 89%}
.data-bar-vert[data-percent='12']:before {height: 88%}
.data-bar-vert[data-percent='13']:before {height: 87%}
.data-bar-vert[data-percent='14']:before {height: 86%}
.data-bar-vert[data-percent='15']:before {height: 85%}
.data-bar-vert[data-percent='16']:before {height: 84%}
.data-bar-vert[data-percent='17']:before {height: 83%}
.data-bar-vert[data-percent='18']:before {height: 82%}
.data-bar-vert[data-percent='19']:before {height: 81%}
.data-bar-vert[data-percent='20']:before {height: 80%}
.data-bar-vert[data-percent='21']:before {height: 79%}
.data-bar-vert[data-percent='22']:before {height: 78%}
.data-bar-vert[data-percent='23']:before {height: 77%}
.data-bar-vert[data-percent='24']:before {height: 76%}
.data-bar-vert[data-percent='25']:before {height: 75%}
.data-bar-vert[data-percent='26']:before {height: 74%}
.data-bar-vert[data-percent='27']:before {height: 73%}
.data-bar-vert[data-percent='28']:before {height: 72%}
.data-bar-vert[data-percent='29']:before {height: 71%}
.data-bar-vert[data-percent='30']:before {height: 70%}
.data-bar-vert[data-percent='31']:before {height: 69%}
.data-bar-vert[data-percent='32']:before {height: 68%}
.data-bar-vert[data-percent='33']:before {height: 67%}
.data-bar-vert[data-percent='34']:before {height: 66%}
.data-bar-vert[data-percent='35']:before {height: 65%}
.data-bar-vert[data-percent='36']:before {height: 64%}
.data-bar-vert[data-percent='37']:before {height: 63%}
.data-bar-vert[data-percent='38']:before {height: 62%}
.data-bar-vert[data-percent='39']:before {height: 61%}
.data-bar-vert[data-percent='40']:before {height: 60%}
.data-bar-vert[data-percent='41']:before {height: 59%}
.data-bar-vert[data-percent='42']:before {height: 58%}
.data-bar-vert[data-percent='43']:before {height: 57%}
.data-bar-vert[data-percent='44']:before {height: 56%}
.data-bar-vert[data-percent='45']:before {height: 55%}
.data-bar-vert[data-percent='46']:before {height: 54%}
.data-bar-vert[data-percent='47']:before {height: 53%}
.data-bar-vert[data-percent='48']:before {height: 52%}
.data-bar-vert[data-percent='49']:before {height: 51%}
.data-bar-vert[data-percent='50']:before {height: 50%}
.data-bar-vert[data-percent='51']:before {height: 49%}
.data-bar-vert[data-percent='52']:before {height: 48%}
.data-bar-vert[data-percent='53']:before {height: 47%}
.data-bar-vert[data-percent='54']:before {height: 46%}
.data-bar-vert[data-percent='55']:before {height: 45%}
.data-bar-vert[data-percent='56']:before {height: 44%}
.data-bar-vert[data-percent='57']:before {height: 43%}
.data-bar-vert[data-percent='58']:before {height: 42%}
.data-bar-vert[data-percent='59']:before {height: 41%}
.data-bar-vert[data-percent='60']:before {height: 40%}
.data-bar-vert[data-percent='61']:before {height: 39%}
.data-bar-vert[data-percent='62']:before {height: 38%}
.data-bar-vert[data-percent='63']:before {height: 37%}
.data-bar-vert[data-percent='64']:before {height: 36%}
.data-bar-vert[data-percent='65']:before {height: 35%}
.data-bar-vert[data-percent='66']:before {height: 34%}
.data-bar-vert[data-percent='67']:before {height: 33%}
.data-bar-vert[data-percent='68']:before {height: 32%}
.data-bar-vert[data-percent='69']:before {height: 31%}
.data-bar-vert[data-percent='70']:before {height: 30%}
.data-bar-vert[data-percent='71']:before {height: 29%}
.data-bar-vert[data-percent='72']:before {height: 28%}
.data-bar-vert[data-percent='73']:before {height: 27%}
.data-bar-vert[data-percent='74']:before {height: 26%}
.data-bar-vert[data-percent='75']:before {height: 25%}
.data-bar-vert[data-percent='76']:before {height: 24%}
.data-bar-vert[data-percent='77']:before {height: 23%}
.data-bar-vert[data-percent='78']:before {height: 22%}
.data-bar-vert[data-percent='79']:before {height: 21%}
.data-bar-vert[data-percent='80']:before {height: 20%}
.data-bar-vert[data-percent='81']:before {height: 19%}
.data-bar-vert[data-percent='82']:before {height: 18%}
.data-bar-vert[data-percent='83']:before {height: 17%}
.data-bar-vert[data-percent='84']:before {height: 16%}
.data-bar-vert[data-percent='85']:before {height: 15%}
.data-bar-vert[data-percent='86']:before {height: 14%}
.data-bar-vert[data-percent='87']:before {height: 13%}
.data-bar-vert[data-percent='88']:before {height: 12%}
.data-bar-vert[data-percent='89']:before {height: 11%}
.data-bar-vert[data-percent='90']:before {height: 10%}
.data-bar-vert[data-percent='91']:before {height: 9%}
.data-bar-vert[data-percent='92']:before {height: 8%}
.data-bar-vert[data-percent='93']:before {height: 7%}
.data-bar-vert[data-percent='94']:before {height: 6%}
.data-bar-vert[data-percent='95']:before {height: 5%}
.data-bar-vert[data-percent='96']:before {height: 4%}
.data-bar-vert[data-percent='97']:before {height: 3%}
.data-bar-vert[data-percent='98']:before {height: 2%}
.data-bar-vert[data-percent='99']:before {height: 1%}
.data-bar-vert[data-percent='100']:before {height: 0%}
.data-bar-vert[data-percent='100'] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.data-bar-vert:before {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}
.js .js_animate-bars .data-bar-vert:before {
  width: 100%;
  border-radius: 3px;
}
/*
Vert Bars -- End
*/


#js__comment-check-bar:before {
  background-color: #a0afcc;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

.js__comment-label,
#js__comment-check-bar {
  background-size: 400%;
  background-position: 0;
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}

.js__comment-label {
  background-color: #a0afcc;
  background-size: 0;
  display: inline-block;
  margin-left: 2px;
  white-space: nowrap;
  border-radius: 0.5em;
  color: #FFFFFF;
  vertical-align: middle;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  font-size: 0.85em;
  line-height: 1.6em;
  font-weight: 700;
  padding: 0 0.65em;
  letter-spacing: 0.005em;
}
.js__comment-label.is-active {
  background-size: 2000%;
}


@media screen and (max-width: 720px) {
  .js__comment-label {
    display: none;
  }
  .js__comment-label.is-active {
    display: inline-block;
  }
}




.review-stats__data-bars {
  text-align: right;
}
.review-stats__data-bars span {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  color: #FFFFFF;
  vertical-align: middle;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  font-size: 0.78em;
  line-height: 1.5em;
  height: 17px;
  font-weight: 900;
  padding: 0 0.5em;
  letter-spacing: 0.01em;
  background-color: inherit;
  z-index: 1;
  border-radius: 1em;
  transform: translateX(50%);
  top: 0.9em;
  box-shadow: 0 0px 0px 2px rgba(255,255,255,0.7), 0 0 0 100px rgba(0,0,0,0.05) inset;
}
.review-stats__data-bars span:after {
  content: "";
  position: absolute;
  background-color: inherit;
  width: 8px;
  height: 8px;
  right: 50%;
  transform: translateX(50%) rotate(45deg);
  top: -12%;
  z-index: -1;
  box-shadow: 0 0 0 100px rgba(0,0,0,0.05) inset;
}

.data-bar[data-percent='0'] span {display: none}
.data-bar[data-percent='1'] span {right: 99%}
.data-bar[data-percent='2'] span {right: 98%}
.data-bar[data-percent='3'] span {right: 97%}
.data-bar[data-percent='4'] span {right: 96%}
.data-bar[data-percent='5'] span {right: 95%}
.data-bar[data-percent='6'] span {right: 94%}
.data-bar[data-percent='7'] span {right: 93%}
.data-bar[data-percent='8'] span {right: 92%}
.data-bar[data-percent='9'] span {right: 91%}
.data-bar[data-percent='10'] span {right: 90%}
.data-bar[data-percent='11'] span {right: 89%}
.data-bar[data-percent='12'] span {right: 88%}
.data-bar[data-percent='13'] span {right: 87%}
.data-bar[data-percent='14'] span {right: 86%}
.data-bar[data-percent='15'] span {right: 85%}
.data-bar[data-percent='16'] span {right: 84%}
.data-bar[data-percent='17'] span {right: 83%}
.data-bar[data-percent='18'] span {right: 82%}
.data-bar[data-percent='19'] span {right: 81%}
.data-bar[data-percent='20'] span {right: 80%}
.data-bar[data-percent='21'] span {right: 79%}
.data-bar[data-percent='22'] span {right: 78%}
.data-bar[data-percent='23'] span {right: 77%}
.data-bar[data-percent='24'] span {right: 76%}
.data-bar[data-percent='25'] span {right: 75%}
.data-bar[data-percent='26'] span {right: 74%}
.data-bar[data-percent='27'] span {right: 73%}
.data-bar[data-percent='28'] span {right: 72%}
.data-bar[data-percent='29'] span {right: 71%}
.data-bar[data-percent='30'] span {right: 70%}
.data-bar[data-percent='31'] span {right: 69%}
.data-bar[data-percent='32'] span {right: 68%}
.data-bar[data-percent='33'] span {right: 67%}
.data-bar[data-percent='34'] span {right: 66%}
.data-bar[data-percent='35'] span {right: 65%}
.data-bar[data-percent='36'] span {right: 64%}
.data-bar[data-percent='37'] span {right: 63%}
.data-bar[data-percent='38'] span {right: 62%}
.data-bar[data-percent='39'] span {right: 61%}
.data-bar[data-percent='40'] span {right: 60%}
.data-bar[data-percent='41'] span {right: 59%}
.data-bar[data-percent='42'] span {right: 58%}
.data-bar[data-percent='43'] span {right: 57%}
.data-bar[data-percent='44'] span {right: 56%}
.data-bar[data-percent='45'] span {right: 55%}
.data-bar[data-percent='46'] span {right: 54%}
.data-bar[data-percent='47'] span {right: 53%}
.data-bar[data-percent='48'] span {right: 52%}
.data-bar[data-percent='49'] span {right: 51%}
.data-bar[data-percent='50'] span {right: 50%}
.data-bar[data-percent='51'] span {right: 49%}
.data-bar[data-percent='52'] span {right: 48%}
.data-bar[data-percent='53'] span {right: 47%}
.data-bar[data-percent='54'] span {right: 46%}
.data-bar[data-percent='55'] span {right: 45%}
.data-bar[data-percent='56'] span {right: 44%}
.data-bar[data-percent='57'] span {right: 43%}
.data-bar[data-percent='58'] span {right: 42%}
.data-bar[data-percent='59'] span {right: 41%}
.data-bar[data-percent='60'] span {right: 40%}
.data-bar[data-percent='61'] span {right: 39%}
.data-bar[data-percent='62'] span {right: 38%}
.data-bar[data-percent='63'] span {right: 37%}
.data-bar[data-percent='64'] span {right: 36%}
.data-bar[data-percent='65'] span {right: 35%}
.data-bar[data-percent='66'] span {right: 34%}
.data-bar[data-percent='67'] span {right: 33%}
.data-bar[data-percent='68'] span {right: 32%}
.data-bar[data-percent='69'] span {right: 31%}
.data-bar[data-percent='70'] span {right: 30%}
.data-bar[data-percent='71'] span {right: 29%}
.data-bar[data-percent='72'] span {right: 28%}
.data-bar[data-percent='73'] span {right: 27%}
.data-bar[data-percent='74'] span {right: 26%}
.data-bar[data-percent='75'] span {right: 25%}
.data-bar[data-percent='76'] span {right: 24%}
.data-bar[data-percent='77'] span {right: 23%}
.data-bar[data-percent='78'] span {right: 22%}
.data-bar[data-percent='79'] span {right: 21%}
.data-bar[data-percent='80'] span {right: 20%}
.data-bar[data-percent='81'] span {right: 19%}
.data-bar[data-percent='82'] span {right: 18%}
.data-bar[data-percent='83'] span {right: 17%}
.data-bar[data-percent='84'] span {right: 16%}
.data-bar[data-percent='85'] span {right: 15%}
.data-bar[data-percent='86'] span {right: 14%}
.data-bar[data-percent='87'] span {right: 13%}
.data-bar[data-percent='88'] span {right: 12%}
.data-bar[data-percent='89'] span {right: 11%}
.data-bar[data-percent='90'] span {right: 10%}
.data-bar[data-percent='91'] span {right: 9%}
.data-bar[data-percent='92'] span {right: 8%}
.data-bar[data-percent='93'] span {right: 7%}
.data-bar[data-percent='94'] span {right: 6%}
.data-bar[data-percent='95'] span {right: 5%}
.data-bar[data-percent='96'] span {right: 4%}
.data-bar[data-percent='97'] span {right: 3%}
.data-bar[data-percent='98'] span {right: 2%}
.data-bar[data-percent='99'] span {right: 1%}
.data-bar[data-percent='100'] span {right: 0%}