footer {
  background: #000;
  color: #fff;
  position: relative; }

footer ul,
footer li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

footer a {
  color: #fff; }

.footer {
  max-width: 1280px;
  padding: 0 20px; }

.footer__bg {
  position: absolute;
  right: 0;
  top: -18px;
  height: 117px;
  width: 50vw;
  background: #d51a23; }
  .footer__bg::before {
    content: '';
    position: absolute;
    left: -117px;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 117px 117px;
    border-color: transparent transparent #d51a23; }

.footer__logo {
  border-bottom: 1px solid #fff;
  padding: 19px 0 30px;
  position: relative; }

.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 700px) {
    .footer__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.footer__data {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 545px;
          flex: 0 1 545px;
  margin-right: 50px; }
  @media only screen and (max-width: 700px) {
    .footer__data {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin-right: initial; } }

.footer__contact {
  padding: 43px 20px 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .footer__contact a:hover {
    color: #d51a23; }

.footer__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-bottom: 14px; }
  @media only screen and (max-width: 800px) {
    .footer__address {
      width: 100%; } }
  .footer__address i {
    display: block;
    margin-right: 13px;
    width: 25px;
    height: 25px; }

.footer__address i {
  background: url("../images/footer-address.png") no-repeat center center; }

.footer__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-bottom: 14px; }
  @media only screen and (max-width: 800px) {
    .footer__phone {
      width: 100%; } }
  .footer__phone i {
    display: block;
    margin-right: 13px;
    width: 25px;
    height: 25px; }

.footer__phone i {
  background: url("../images/footer-phone.png") no-repeat center center; }

.footer__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-bottom: 14px; }
  @media only screen and (max-width: 800px) {
    .footer__mail {
      width: 100%; } }
  .footer__mail i {
    display: block;
    margin-right: 13px;
    width: 25px;
    height: 25px; }

.footer__mail i {
  background: url("../images/footer-mail.png") no-repeat center center; }

.footer__fax {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-bottom: 14px; }
  @media only screen and (max-width: 800px) {
    .footer__fax {
      width: 100%; } }
  .footer__fax i {
    display: block;
    margin-right: 13px;
    width: 25px;
    height: 25px; }

.footer__fax i {
  background: url("../images/footer-fax.png") no-repeat center center; }

.footer__address {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
  padding-top: calc(97px + 54px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 300px;
          flex: 0 1 300px; }
  @media only screen and (max-width: 1200px) {
    .footer__menu {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; } }
  @media only screen and (max-width: 700px) {
    .footer__menu {
      padding-top: 0;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.footer__menu__item {
  margin: 0 0 20px 26px;
  font-size: 18px; }
  .footer__menu__item a:hover {
    color: #d51a23; }

.copyright {
  background: #dcdcdc; }

.copyright__container {
  max-width: 1280px;
  padding: 12px 20px;
  text-align: right;
  font-size: 14px;
  color: #000; }

.gotop {
  display: none;
  background: #d51a23;
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  width: 58px;
  height: 58px;
  z-index: 999;
  border-radius: 58px;
  color: #fff;
  -webkit-transition: .28s linear;
  -o-transition: .28s linear;
  transition: .28s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .gotop:hover {
    background: #7a0d12; }
  .gotop::before, .gotop::after {
    display: block;
    text-align: center; }
  .gotop::before {
    font-size: 1.4rem; }
  .gotop::after {
    content: 'TOP'; }