@charset "UTF-8";
/* Colors
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Fonts
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Layout
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Flex Mixins
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Links
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Animations
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Other Mixins
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Color Themes
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ratings {
  /* Targets displays using any of Windows’ High Contrast Mode themes: */
  /* Targets displays using the Windows’ "High Contrast White" theme: */ }
  .ratings.hidden {
    display: none; }
  .ratings .store-rating {
    margin: 0 auto;
    max-width: 80%;
    text-align: center; }
    .ratings .store-rating h2 {
      width: 100%; }
    .ratings .store-rating p {
      margin-left: auto;
      margin-right: auto; }
    .ratings .store-rating .inner {
      padding: 3em 0 0; }
    .ratings .store-rating .star-wrap {
      height: 42px;
      margin: 0 5px;
      width: 42px; }
    .ratings .store-rating .rating-title {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 2.5em; }
      .ratings .store-rating .rating-title span {
        font-size: 2.25em; }
  .ratings .rating-title p {
    color: #707070; }
    .ratings .rating-title p strong {
      font-weight: 700; }
  .ratings .rating-title .numRating,
  .ratings .rating-title .date {
    color: #2d2d2d;
    display: inline-block;
    font-size: 1.8rem; }
  .ratings .rating-title .review {
    margin-top: 14px;
    max-height: 100%;
    padding-top: 0;
    position: relative;
    transition: all .5s linear; }
  .ratings .rating-title .read-more {
    display: none;
    font-size: 16px;
    margin-top: 1em;
    padding-top: 0;
    position: relative; }
    .ratings .rating-title .read-more.less {
      margin-top: 1.5em; }
      .ratings .rating-title .read-more.less a:after {
        content: '\2212'; }
    .ratings .rating-title .read-more a:after {
      content: '\002B';
      display: inline-block;
      margin-left: 7px;
      position: absolute; }
  .ratings .rating-title .date {
    border-left: 2px solid #d1e2e5;
    font-weight: 700;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 1.5rem;
    padding-left: 10px;
    padding-top: 0; }
  .ratings .rating-title-wrap {
    display: inline-block; }
  .ratings .shorten .read-more,
  .ratings .full .read-more {
    display: block; }
  .ratings .shorten .review {
    height: 9rem;
    overflow: hidden; }
    .ratings .shorten .review:after {
      background: #fff;
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, #fff 100%);
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, #fff 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, #fff 100%);
      bottom: 0;
      content: '';
      display: block;
      height: 65px;
      left: 0;
      position: absolute;
      right: 0; }
  .ratings .star-wrap {
    display: inline-block;
    margin: 0 2.5px 0 0;
    overflow: hidden;
    position: relative;
    height: 26px;
    width: 26px; }
    .ratings .star-wrap svg {
      fill: #fff;
      z-index: 7; }
  .ratings .star-bg-color {
    background-color: #f3f9fc;
    height: 90%;
    left: 3px;
    position: relative;
    top: 3px;
    width: 90%; }
  .ratings .star-wrap svg,
  .ratings .star-bg {
    left: 0;
    position: absolute; }
  .ratings .store-stars .star-bg,
  .ratings .stars .star-bg {
    transform: skew(-60deg);
    transition: all 0.15s ease-out; }
  .ratings .store-stars :nth-child(1) .star-bg,
  .ratings .stars :nth-child(1) .star-bg {
    transition-delay: 0.85s; }
  .ratings .store-stars :nth-child(2) .star-bg,
  .ratings .stars :nth-child(2) .star-bg {
    transition-delay: 1s; }
  .ratings .store-stars :nth-child(3) .star-bg,
  .ratings .stars :nth-child(3) .star-bg {
    transition-delay: 1.15s; }
  .ratings .store-stars :nth-child(4) .star-bg,
  .ratings .stars :nth-child(4) .star-bg {
    transition-delay: 1.3s; }
  .ratings .store-stars :nth-child(5) .star-bg,
  .ratings .stars :nth-child(5) .star-bg {
    transition-delay: 1.45s; }
  .ratings:not(.onScreen) .star-bg {
    width: 0; }
  .ratings .star-bg {
    background: #8fd8f2;
    background: -webkit-linear-gradient(top, #4ebee5 0%, #8fd8f2 100%);
    background: -moz-linear-gradient(top, #4ebee5 0%, #8fd8f2 100%);
    background: linear-gradient(to bottom, #4ebee5 0%, #8fd8f2 100%);
    height: 100%;
    width: 0;
    z-index: 6;
    /* -- IE svg overflow fix -- */
    bottom: 1px;
    left: 1px;
    max-height: 95%;
    max-width: 93%;
    top: 1px; }
  .ratings .store-rating .inner,
  .ratings #reviews .inner {
    background-color: #fff; }
  .ratings #reviews > div {
    padding-bottom: 0; }
  .ratings #reviews :not(:nth-child(3)) .inner {
    border-bottom: 1px solid #d1e2e5; }
  .ratings #reviews .inner {
    padding: 3.2em calc(8% + 16px / 2); }
  .ratings #reviews .star-wrap .star-bg-color {
    height: 83%;
    width: 83%; }
  .ratings .see-all {
    text-align: center;
    margin-top: .75em;
    width: 100%; }
    .ratings .see-all a {
      color: #0077B3; }
      .ratings .see-all a:hover {
        text-decoration: none; }
  @media only screen and (max-width: 780px) {
    .ratings .store-rating {
      max-width: none; }
      .ratings .store-rating .star-wrap {
        margin: 0 2.25px; }
    .ratings .star-wrap {
      margin: 0 1.5px 0 0; }
    .ratings #reviews .inner {
      padding-left: 2em;
      padding-right: 2em; }
    .ratings .store-rating .rating-title {
      font-size: 2rem;
      line-height: 1.75em; }
    .ratings .rating-title .numRating,
    .ratings .rating-title .date {
      font-size: 1.6rem; }
    .ratings .rating-title .read-more {
      font-size: 1.4rem; } }
  @media only screen and (max-width: 970px) {
    .ratings .store-rating .rating-title span {
      font-size: 1.5em; }
    .ratings #reviews .inner {
      padding: 3.2em 0; } }
  @media screen and (-ms-high-contrast: active) {
    .ratings .star-wrap svg {
      fill: #000; }
    .ratings .star-bg {
      background-color: #fff; } }
  @media screen and (-ms-high-contrast: black-on-white) {
    .ratings .star-wrap svg {
      fill: #fff; }
    .ratings .star-bg {
      background-color: #000; } }