.gotopBox { display: none; }

.pagetopbtn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 3px; border-radius: 5px; color: #fff; background: #494949; transition: all .2s; cursor: pointer; }
.pagetopbtn:before { content: '\f0d8'; font-family: FontAwesome-Solid; color: #fff; line-height: 12px; padding-bottom: 5px; }
.pagetopbtn:after { content: 'TOP'; font-size: 14px; line-height: 14px; }
.pagetopbtn:hover { opacity: .5; }

footer { background: #4D4D4D; position: relative; z-index: 2; }
footer a { color: #fff; font-size: 24px; line-height: 24px; padding: 0 5px; font-weight: bold; position: relative; }
footer a:after { content: ''; width: 0px; height: 5px; background: #fff; display: inline-block; position: absolute; bottom: -15px; left: 50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
footer a:hover:after { width: 100%; left: 0px; }
footer .wrap { flex-basis: 1300px; padding: 70px 0 55px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
footer .copyright { font-family: 'Roboto', sans-serif; width: 100%; text-align: center; font-size: 14px; color: #4C4C4C; background: #fff; padding: 20px 0; }
footer .copyright a{ color: #4C4C4C; font-size: 14px; padding: 0px; font-weight: normal;}
footer .copyright a:hover{ opacity: .5; }
@media all and (max-width: 1110px) { footer .wrap { flex-direction: column; }
  footer .wrap li { padding-bottom: 25px; text-align: center; }
  footer .wrap li:last-child { padding-bottom: 0px; } }
@media all and (max-width: 992px) { footer .copyright { padding-top: 0px; border-top: 0px; } }
@media all and (max-width: 425px) { footer a { font-size: 20px; line-height: 20px; } }