/*Content CSS*/
#footer {padding: 50px 0 80px;background: #000;}
.footer__top {display: flex;justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, .25);padding-bottom: 25px;margin-bottom: 30px;align-items: center;}
.footer__top .left {display: flex; align-items: center;}
.footer__title {font-family: 'Bebas Neue', cursive; font-size: 30px; font-weight: 400; color: #eceded; margin-right: 55px;}
.footer-menu {display: flex; align-items: center;}
.footer-menu li {position: relative;}
.footer-menu li + li {margin-left: 28px; padding-left: 28px;}
.footer-menu li + li::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 10px; background: rgba(255, 255, 255, .2);}
.footer-menu li a {font-size: 14px; font-weight: 400; color: #fff;}
.footer__bottom {}
.footer__bottom .info {line-height: 24px; color: rgba(255, 255, 255, 0.8); margin-bottom: 20px;}
.footer__bottom .info, .footer__bottom .copyright {font-size: 13px; font-weight: 300;}
.footer__bottom .copyright {color: rgba(255, 255, 255, 0.3);}
.ft-btn {display: block;text-align: center;width: 160px;height: 30px;line-height: 30px;color:#fff;border: 1px solid rgba(255, 255, 255, .25);border-radius: 3px;font-size: 10px;transition: .3s;}
.ft-btn:hover {background: #fff; color: #000; border-color: #fff;}

/* top-btn */
#top-btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);transition: all 0.3s; opacity: 0; pointer-events: none;}
#top-btn:hover {border-color:#0c9ce2;background:#0c9ce2;color:#fff}
.scrolled #top-btn {opacity: 1; pointer-events: auto;}