.stats {
  background-color: #d6ecf1;
  margin-bottom: 3em;
}
.statistics {
  overflow: hidden;
  margin: 0;
}
.statistics li {
  transition: background-color 0.3s ease;
}
.statistics li:hover {
  background-color: #9dd1de;
}
.statistics li:hover .btn {
  opacity: 1;
}
.statistics li a {
  display: list-item;
  padding: 20px 25px 10px;
  color: inherit;
  text-decoration: none;
}
.statistics li a .btn {
  margin-top: 10px;
  padding: 0;
  background-color: transparent;
  display: block;
  text-align: left;
}
@media (min-width: 768px) {
  .statistics li a .btn {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
}
.statistics li strong {
  font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 42px;
  display: block;
}
@media (max-width: 768px) {
  .statistics li strong {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .statistics li strong {
    font-size: 60px;
  }
}
@media (max-width: 480px) {
  .statistics li {
    display: block;
    width: 100%;
    font-size: 0.825em;
  }
}
.email-social {
  margin-top: 4em;
  border-top: 3px solid #F9CB3E;
}
.email-signup .input-group {
  margin-top: 0.75em;
}
@media (max-width: 992px) {
  .social-cta {
    margin-top: 2em;
  }
}
.social-cta li {
  margin-right: 1.5em;
  text-align: center;
  vertical-align: top;
}
.social-cta li:first-of-type {
  text-align: left;
}
.social-cta li:last-of-type {
  margin-right: 0px;
}
.social-cta li a {
  color: inherit;
  transition: color 0.3s ease;
}
.social-cta li a:hover .fa-facebook-square,
.social-cta li a:hover .fa-thumbs-o-up {
  color: #3B5998;
}
.social-cta li a:hover .fa-youtube-square {
  color: #cc181e;
}
.social-cta li a:hover .fa-linkedin-square {
  color: #007bb6;
}
.social-cta li a:hover .fa-google-plus-square {
  color: #C63D2D;
}
.social-cta li a > i {
  font-size: 5em;
  transition: color 0.3s ease;
}
.social-cta .social-facebook {
  margin-right: 0.5em;
}
.social-cta .social-facebook div {
  line-height: 1.25em;
  width: 90px;
}
@media (max-width: 480px) {
  .social-cta .social-facebook div {
    width: 65px;
  }
}
@media (max-width: 480px) {
  .social-cta .social-facebook {
    margin-right: 0px;
  }
}
@media (max-width: 480px) {
  .social-cta {
    font-size: 0.7em;
  }
}
.live-chat-cta {
  margin-top: 3em;
}
.live-chat-cta .stamp {
  padding: 10px 10px 12px;
}
.live-chat-cta .btn {
  padding: 25px 16px;
  /* ISS-005: every page on this site scrolled sideways at narrow viewports, and
     this is the whole of it. Bootstrap's compat block sets .btn { white-space:
     nowrap } (bootstrap.css:7745), so this button could not break its line --
     and it contains a long sentence plus the live-chat status icon the chat
     script injects into .occIcon-31391-74375. At a 390px viewport that made the
     document 517px wide with the icon blocked, and 674px with it loaded: the
     two figures recorded separately in ISS-005 and in the live-chat matter are
     the same defect measured with and without third parties.

     Scoped to this CTA so no other button on the site changes. Desktop is
     unaffected -- the line already fits at 1440px, so there is nothing to
     wrap. */
  white-space: normal;
}
