@media all {
  .site-footer {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background-color: #0c173c;
    padding-top: 2.5rem;
    padding-bottom: 2.22222rem; } }
  @media all and (max-width: 575.98px) {
    .site-footer__logo__img {
      max-width: 240px; } }

@media all {
    .site-footer hr {
      background-color: #455072;
      height: 1px;
      max-width: 378px;
      margin: 2em auto; }
    .site-footer__copyright p {
      color: #ffffff;
      font-size: 0.83333rem;
      line-height: 1.333; } }
    @media all and (min-width: 576px) {
      .site-footer__copyright p {
        font-size: 1rem;
        line-height: 1.444; } }

@media all {
    .site-footer__contact-info p {
      font-size: 0.77778rem;
      line-height: 1.42;
      color: #c8cfe6; } }
  @media all and (max-width: 575.98px) {
    .site-footer__contact-info__numbers {
      font-size: 0.72222rem; } }
  @media all and (max-width: 991.98px) {
    .site-footer__contact-info__numbers {
      display: block;
      margin-top: 0.5em; } }

@media all {
    .site-footer__links {
      padding-left: 0;
      margin-bottom: 0; }
      .site-footer__links li:not(:first-child) {
        position: relative; }
        .site-footer__links li:not(:first-child):before {
          content: "";
          position: absolute;
          top: 50%;
          left: -9px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 0;
          height: 14px;
          border-left: 2px solid #455072; }
      .site-footer__links a {
        text-decoration: none;
        font-size: 0.77778rem;
        color: #76aed2;
        position: relative; }
        .site-footer__links a:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: #76aed2;
          height: 1px;
          -webkit-transition: background-color .5s;
          transition: background-color .5s; }
        .site-footer__links a:hover, .site-footer__links a:focus {
          color: #e3eff6; }
          .site-footer__links a:hover:after, .site-footer__links a:focus:after {
            background-color: #e3eff6; } }