footer {  background: #000; border-top: 2px solid #545859; }
.footer { box-sizing: border-box; max-width: 1280px; width: 100%; margin: 0 auto; display: flex; align-items: center; padding: 58px 30px 40px; color: #d2d1cf;  font-size: 16px; }

.footer__data {
  flex: 0 0 283px;
  line-height: 1.7;
}

.footer__menu__list {
  flex: 0 1 664px;
  display: flex;
  flex-wrap: wrap;
}

.footer__menu__item {
  margin: 8px 17px;
}

.footer__menu__link {
  font-size: 20px;
}
.footer__menu__link:hover{
  color: #c9a164;
  background:linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);
  background:-moz-linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);background:-webkit-linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);
  background:-o-linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; 
}
.footer__data__item a:hover{
  color: #c9a164;
  background:linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);
  background:-moz-linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);background:-webkit-linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);
  background:-o-linear-gradient(44.4deg, #8C6825, #DCA541 28.83%, #AA7433 60.74%, #BA883D 76.07%,#DEB85B 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; 
}
.footer__data__item ol .external__item{margin: 8px 3px;}
.footer__copyright { 
  border-top: 1px solid #545859;
  padding: 14px 0; text-align: center;
  color:#545859; font-size: 14px;
}

.gotop {
  display: none;
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 999;
}

@media only screen and (min-width: 1000px) {
  .footer__logo { 
    margin-right: 40px;
  }
}

@media only screen and (max-width: 999px) {
  .footer {
    flex-direction: column;
    align-items: center;
  } 

  .footer__logo,
  .footer__data,
  .footer__menu__list {
    flex: 1 1 auto;
    margin: 20px;
  }

  .footer__menu__item {
    flex: 0 0 100px;
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  .footer__menu__item {
    flex: 0 0 calc(100% / 2);
    margin: 10px 0;
    text-align: center;
  }
}