.see-also {
  position: relative;
  padding: 30px 0 40px;
  border-top: 1px solid #d9dee4; }
  @media only screen and (max-width: 992px) {
    .see-also {
      padding: 30px 0 30px; } }
  .see-also__title {
    position: relative;
    display: block;
    font: bold 24px/130% "Roboto Condensed", sans-serif;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
    @media only screen and (max-width: 992px) {
      .see-also__title {
        font: bold 18px/130% "Roboto Condensed", sans-serif;
        margin: 0 0 10px; } }
    .see-also__title.active {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
  .see-also__wrapper {
    position: relative;
    margin: 0 -25px; }
  .see-also__grid {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
  .see-also__item {
    position: relative;
    padding: 0 25px 10px;
    display: block;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    -o-transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
    .see-also__item.active {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
  .see-also__item-wrap {
    position: relative;
    display: block; }
  .see-also__link {
    position: relative;
    display: inline-block;
    font: bold 18px/130% "Roboto Condensed", sans-serif;
    text-transform: uppercase; }
    @media only screen and (max-width: 992px) {
      .see-also__link {
        font: bold 16px/130% "Roboto Condensed", sans-serif; } }
